Examining the DOM elements returned in a jQuery object
<p>I have:</p>

<pre><code>&lt;p&gt;Paragraph One&lt;/p&gt;
&lt;p&gt;Paragraph Two&lt;/p&gt;
&lt;script src="http://www.google.com/jsapi"&gt;&lt;/script&gt;
&lt;script&gt;
google.load("jquery", "1");
&lt;/script&gt;
&lt;script&gt;
var x = $('p');
x.each(function(index) {
    $('body').append($(this).html().replace('&lt;','&amp;lt;') + '&lt;br&gt;');
});
&lt;/script&gt;
</code></pre>

<p>I expected to see:</p>

<pre><code>&amp;lt;p&gt;Paragraph One&amp;lt;/p&gt;&lt;br&gt;
&amp;lt;p&gt;Paragraph Two&amp;lt;/p&gt;&lt;br&gt;
</code></pre>

<p>But instead, the p tag itself is missing.</p>

<p>I'm trying to make my output look like console.log, which would identity x as two (2) paragraph elements.</p>

<p>It's getting the html within the paragraph, but console.log shows it AS a paragraph. So I guess I need to go up a level and then back down again?</p>
