Updating "text" nodes with jQuery
<p>I have html like:</p>

<pre><code>&lt;label&gt;&lt;input type="radio" /&gt; Lorem&lt;/label&gt;
</code></pre>

<p>What's the best way to change "Lorem" to "Ipsum"? These don't work:</p>

<pre><code>// nope:
$('input').next().text('Ipsum'); 

// also nope:
var text = $('input').parent()[0].childNodes[1];
$(text).text('Ipsum');
</code></pre>

<p>I can easily change the html to:</p>

<pre><code>&lt;label&gt;&lt;input type="radio" /&gt;&lt;span&gt; Lorem&lt;/span&gt;&lt;/label&gt;
</code></pre>

<p>or use the <code>replaceWholeText</code> DOM method directly:</p>

<pre><code>$('input').parent()[0].childNodes[1].replaceWholeText(' Ipsum');
</code></pre>

<p>or any number of other things, but I'm wondering if there's a clean jQuery way to do this.</p>
