Remove parent but keep children using jQuery
<p>I would like to remove the parent and keep the children in my HTML using jQuery. This works:</p>

<pre><code>$('#my_span').children().insertBefore('#my_span').end().end().remove();
</code></pre>

<p>However, it removes the text and comment node types - how can I amend this so that I keep the text?</p>

<p>Happy to do this with pure Javascript too.</p>
