Let's say that I have two html pages that are identically designed, but have different content. I have the same **div** with the same **id** on both pages. How do I use **jQuery.load** (or what do I use) so that the **div#conent** does not get added into the **div#content** of the first page.

I've tried this:

```
$(document).ready(function(){
  $("a#linkHome").click(function(){$("div#content").load('index.htm #content');});
  $("a#linkPage2").click(function(){$("div#content").load('page2.htm #content');});
});

```

... but it ends up adding another div to the already existing div!

```
<div id="content">
  <div id="content">
    Blah Blah Blah
  <div id="content">
</div>

```