Move closing </a> tag
<p>I have a pdf link with the filesize as follows...</p>

<pre><code>&lt;a class="pdf-link" href="some-pdf.pdf"&gt;Some PDF&lt;/a&gt; &lt;span class="filesize"&gt;(PDF 100kb)&lt;/span&gt;
</code></pre>

<p>The link is generated by our CMS and for our mobile site the span needs to sit within the link.</p>

<p>Would anyone know of a way to move the closing <code>&lt;/a&gt;</code> tag to the end of the span, preferably with jQuery?   </p>

<pre><code>&lt;a class="pdf-link" href="some-pdf.pdf"&gt;Some PDF &lt;span class="filesize"&gt;(PDF 100kb)&lt;/span&gt;&lt;/a&gt;
</code></pre>

<p>Any help would be much appreciated.</p>
