title: loading div content from external with jQuery.load into own div
body: <p>Let's say that I have two html pages that are identically designed, but have different content. I have the same <strong>div</strong> with the same <strong>id</strong> on both pages. How do I use <strong>jQuery.load</strong> (or what do I use) so that the <strong>div#conent</strong> does not get added into the <strong>div#content</strong> of the first page.</p>
  
  <p>I've tried this:</p>
  
  <pre><code>$(document).ready(function(){
    $("a#linkHome").click(function(){$("div#content").load('index.htm #content');});
    $("a#linkPage2").click(function(){$("div#content").load('page2.htm #content');});
  });
  </code></pre>
  
  <p>... but it ends up adding another div to the already existing div!</p>
  
  <pre><code>&lt;div id="content"&gt;
    &lt;div id="content"&gt;
      Blah Blah Blah
    &lt;div id="content"&gt;
  &lt;/div&gt;
  </code></pre>