Add Html to Text without children element
<p>I am very confused on how to get this work, did a lot of research online to help find a solution to this, but got nothing. Found this link here: <a href="http://viralpatel.net/blogs/jquery-get-text-element-without-child-element/" rel="nofollow">http://viralpatel.net/blogs/jquery-get-text-element-without-child-element/</a> but still didnt help much</p>

<p>This is what I am trying to accomplish, the system is outputting text like this, I have no control over the html.</p>

<pre><code>&lt;div class="myclass"&gt; 
Text 1 
Text 2
Text 3        
&lt;/div&gt;` 
</code></pre>

<p>but would like to use jquery to insert html around those text
For example:</p>

<pre><code>&lt;div class="myclass"&gt; 
 &lt;span&gt;Text 1 &lt;/span&gt; 
 &lt;span&gt; Text 2 &lt;/span&gt; 
 &lt;span&gt; Text 3&lt;/span&gt;
 &lt;/div&gt;
</code></pre>

<p>any help is appreciated</p>

<p>thank you very much</p>
