jQuery deletion of div childrens except one
<p>How can I delete everything inside <code>main</code> except the <code>ul</code> element?</p>

<pre><code>&lt;div id="main"&gt;
 &lt;div id="a"&gt;
  &lt;div id="b"&gt;
    &lt;div id="c"&gt;&lt;/div&gt;
    &lt;div id="d"&gt;&lt;/div&gt;
    &lt;div id="e"&gt;
      &lt;ul&gt;&lt;/ul&gt;
    &lt;/div&gt;
  &lt;/div&gt;
 &lt;/div&gt;
&lt;/div&gt;
</code></pre>
