wrap() in jquery
<p>I am new in jquery and trying to find out way that how to use <code>wrap()</code> in my menues of website following in my code</p>

<p><strong>HTML</strong></p>

<pre><code>&lt;ul&gt;
   &lt;li&gt;&lt;a href="#"&gt;Who We Are&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="#"&gt;Our Work&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p><strong>SCRIPT</strong></p>

<pre><code>$('.menu li a').text().wrap('&lt;span&gt;&lt;/span&gt;');
</code></pre>

<p>But its not working :(</p>

<p>I want to look my <code>HTML</code> code like following code i just want to add <code>&lt;span&gt;</code> tag into <code>&lt;a&gt;</code> tag</p>

<p><strong>CODE</strong></p>

<pre><code>&lt;ul&gt;
   &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;Who We Are&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;Our Work&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Please help me friends THANKS in advance ...:)</p>
