deleting parent which deleting child jquery
<p>I want to delete only the parent div and keep their children as it is :</p>

<pre><code>      &lt;div id="main"&gt;
        &lt;div id="1"&gt;&lt;/div&gt;
        &lt;div id="2"&gt;&lt;/div&gt;
      &lt;/div&gt;
</code></pre>

<p>How we can delete only the <code>#main div</code> without deleting its <code>children div #1 &amp; #2</code>?. I tried <code>detach()</code> but it didn't work.</p>
