title: jQuery use .load() to append data instead of replace
body: <p>how can i have the functionality of <code>load()</code> except i want to append data instead of replace. maybe i can use <code>get()</code> instead but i want to just extract the <code>#posts</code> element from the loaded data</p>
  <br />
  <h1>UPDATE</h1>
  <p>when i do an <code>alert(data)</code> i get ...</p>
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html lang=&quot;en-US&quot;&gt;
  &lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;jquery.infinitescroll.js&quot;&gt;&lt;/script&gt;
    &lt;script&gt;
  
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div id=&quot;info&quot;&gt;&lt;/div&gt;
    &lt;div id=&quot;posts&quot;&gt;
      &lt;div class=&quot;post&quot;&gt; ... &lt;/div&gt; 
      ...
    &lt;ul id=&quot;pageNav&quot; class=&quot;clearfix&quot;&gt;
      &lt;li&gt;&lt;a href=&quot;page1.html&quot;&gt;1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;page2.html&quot;&gt;2&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;page3.html&quot;&gt;3&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;page4.html&quot;&gt;4&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;page5.html&quot;&gt;5&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;page3.html&quot; class=&quot;next&quot;&gt;next&lt;/a&gt;&lt;/li&gt;  
    &lt;/ul&gt;
  </code></pre>
  <p>the full code can be found @ <a href="http://pastebin.com/EmT33QKS" rel="noreferrer">pastebin</a></p>