How to remove an element but not the content inside it?
<p>How can I remove an element but not the content <strong>inside</strong> that element?</p>

<pre><code>&lt;a href="#"&gt;
    &lt;span&gt;
        &lt;img src="pic-1.jpg"/&gt;
    &lt;/span&gt;
&lt;/a&gt;
</code></pre>

<p>I want to <strong>remove</strong> the <code>span</code> that wraps the image.</p>

<p>So I can get,</p>

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

    &lt;img src="pic-1.jpg"/&gt;

&lt;/a&gt;
</code></pre>
