take div out of parent and add to parent above
<p>I have this html:</p>

<pre><code>&lt;div class="div1"&gt;
    one
    &lt;div class="div2"&gt;
        two
        &lt;div class="div3"&gt;
            three
        &lt;/div&gt; &lt;!-- /.div3 --&gt;
    &lt;/div&gt; &lt;!-- /.div2 --&gt;
&lt;/div&gt; &lt;!-- /.div1 --&gt;
</code></pre>

<p>I want to take <code>div3</code> out of <code>div2</code> so that <code>div1</code> becomes its parent.</p>

<p>I tried like so, but this just added the content to <code>div1</code> and not the whole div:</p>

<pre><code>$('.div3').unwrap();
</code></pre>