jQuery: how to add an element after a text node?
<p>Say I have the following markup:</p>

<pre><code>&lt;h1&gt;Hello&lt;/h1&gt;
</code></pre>

<p>and now, I want to add <code>&lt;span id="foo" class="bar"&gt;world&lt;/span&gt;</code> after <code>Hello</code> so that I have I have the resulting markup:</p>

<pre><code>&lt;h1&gt;Hello&lt;span id="foo" class="bar"&gt;world&lt;/span&gt;&lt;/h1&gt;
</code></pre>

<p>How do I do this in jQuery?</p>
