How to wrap text with A element
<p>I have html code</p>

<pre><code>  &lt;td id="MyNode"&gt;TextNode&lt;/td&gt;
</code></pre>

<p>and would like to make it as</p>

<pre><code>&lt;td id="MyNode"&gt;&lt;a href="http://www.domain.com"&gt;TextNode&lt;/a&gt;&lt;/td&gt;
</code></pre>

<p>I have tried to use code below but what it does is add href attribute to TD element but I need to wrap text with A element.</p>

<pre><code> $('#MyNode').add('a').attr('href', 'http://www.domain.com/');
</code></pre>
