why doesn't jquery see changes in page after .load()?
<p>I just tried changing my page contents with jQuery's .load methdod.</p>

<p>While the contents changed without problem, I found that jQuery was still "seeing" the old content if I tried to select something, an example:</p>

<p>page:</p>

<pre><code> &lt;div id="mycontentarea"&gt;
   &lt;div id="myfirstcontent"&gt;&lt;/div&gt;
   &lt;div id="mysecondcontent"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>replacing content:</p>

<pre><code>&lt;div id=mythirdcontent"&gt;&lt;/div&gt;
&lt;div id=myfourthcontent"&gt;&lt;/div&gt;
</code></pre>

<p>javascript:</p>

<pre><code>// replace original content
$('#mycontentarea').load('replacement.html');
// print out the id of the first child
console.log($("#mycontentarea").children().attr("id"));
</code></pre>

<p>The console will print out "myfirstcontent" instead of "mythirdcontent" - why?</p>
