How I Remove all Div contents but not the div using jquery?
<p>How I Remove all Div contents  but not the div using jquery?</p>

<p>the div contains many ULs, LIs, DIVs, H1s</p>

<pre><code>&lt;div id="container"&gt;
  &lt;ul&gt;
      &lt;li&gt;test&lt;/li&gt;
      &lt;li&gt;test&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div&gt;&lt;h1&gt;test&lt;/h1&gt;&lt;/div&gt;
  &lt;div&gt;&lt;h1&gt;test&lt;/h1&gt;&lt;/div&gt;
  &lt;div&gt;&lt;h1&gt;test&lt;/h1&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I would like to remove all the contents of container.</p>

<p>Thanks</p>
