Is there a replaceWholeText Equivalent in jQuery? - How to replace TextNode
<p>Is there a way in jQuery to replace only the textNode of an element without destroying any child DOM elements?</p>

<pre><code>&lt;a href="#"&gt;&lt;span&gt;Text we don't want replaced&lt;/span&gt; Text we want replaced&lt;/a&gt;
</code></pre>

<p>When using <code>jquery.text([content])</code> it will replace any child nodes as well as the text content. Thus resulting in...</p>

<pre><code>&lt;a href="#"&gt;Replaced Text&lt;/a&gt;
</code></pre>

<p>To get around this issue, I use the javascript function: replaceWholeText, but is there a better more jQuery-esque way of doing this?</p>

<pre><code>$('a.button')[0].lastChild.replaceWholeText('Replacement Text');
</code></pre>

<p>Second question: Will this work in all browsers?</p>

<p>jsfiddle example showing both the jQuery and Javascript methods:
<a href="http://jsfiddle.net/highwayoflife/ABfMS/1/" rel="nofollow">http://jsfiddle.net/highwayoflife/ABfMS/1/</a></p>
