jQuery - Insert HTML into div, then get first child of inserted HTML
<p>I've been working on a problem with a project for a while. Basically, I use <code>.html()</code> to load entries into a <code>div</code>. It all looks fine, but I tried to get the value of the <code>:first-child</code>, and it wouldn't work unless I put the entries directly into the HTML (as in, the source file) -- but I can't do that because the entries need to load dynamically (via JS). </p>

<p>So, I went to look at the page source to see what's up, and nothing showed up in the <code>div</code> where my entries were being loaded. I checked Firebug, and it showed that they were inside that <code>div</code>. The webpage itself showed that they were inside that <code>div</code>. But the page source did not.</p>

<p>Why wouldn't the HTML loaded by jQuery appear in the page source?</p>

<h1>Updated</h1>

<p><hr>
Alright, you guys answered why - so, I guess my real question is "how" to do what I'm trying to do -</p>

<p>The <code>div</code> loads several entries into <code>#inner-wrap</code> that look somewhat like:</p>

<pre><code>&lt;div class="entries"&gt;
    &lt;input type="submit" value="1295843239" style="display: none;" class="realtime"&gt;
    &lt;span class="time"&gt;1295843239:&lt;/span&gt;
    &lt;span class="name"&gt;Name: &lt;/span&gt;
    &lt;span class="message"&gt;this is an entry...&lt;/span&gt;
&lt;/div&gt;
</code></pre>

<p>How would I select the value of the <code>input</code> of the first child of #inner-wrap?</p>

<p>I was using <code>$("#inner-wrap :first-child .realtime").val()</code>, but that didn't work when the entries were loaded dynamically. <a href="http://pastebin.com/UnCpByRY" rel="nofollow">Here's</a> all the related code, and <a href="http://andrew.x10.mx/freeshout/" rel="nofollow">here's</a> the "live" bits of what I have so far. It's nowhere near done, but I need to be able to get the time of the last comment to check for new comments.</p>
