Add content to JQuery node set
<p>I have a HTML string that I convert to a JQuery node set:</p>

<pre><code>var html = "&lt;div id='foo'&gt;&lt;div id='bar'&gt;&lt;/div&gt;&lt;/div&gt;";
var nodes = $(html);
</code></pre>

<p>I want to add the content <code>&lt;div id="baz"&gt;&lt;/div&gt;</code> immediately after <code>&lt;div id='bar'&gt;&lt;/div&gt;</code>. I tried using:</p>

<pre><code>nodes.find('#bar').prepend('&lt;div id="baz"&gt;&lt;/div&gt;'); 
</code></pre>

<p>But this yields the result:</p>

<pre><code>&lt;div id="foo"&gt;
  &lt;div id="bar"&gt;
    &lt;div id="baz"&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div
</code></pre>

<p>But what I want is:</p>

<pre><code>&lt;div id="foo"&gt;
  &lt;div id="bar"&gt;&lt;/div&gt;
  &lt;div id="baz"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>
