add a span tag inside h2 tag jquery
<p>I need to add a span tag inside every h2 tags</p>

<p>my problem is im having an anchor tag inside h2 tag like this</p>

<pre><code>&lt;h2&gt;&lt;a href=#"&gt;something&lt;/a&gt;&lt;/h2&gt;
</code></pre>

<p>I have tried this code</p>

<pre><code>$('h2').wrappInner('&lt;span /&gt;');
</code></pre>

<p>It is wrapping span tage before the anchor tag like</p>

<pre><code>&lt;h2&gt;&lt;span&gt;&lt;a href="#"&gt;something&lt;/a&gt;&lt;/span&gt;&lt;/h2&gt;
</code></pre>

<p>What i want is this:</p>

<pre><code>&lt;h2&gt;&lt;span&gt;&lt;/span&gt;&lt;a href="#"&gt;something&lt;/a&gt;&lt;/h2&gt;
</code></pre>

<p>Is there any way to do this?</p>
