Removing Contents from div elements
<p>I am trying to remove contents from 2 div elements without removing the div itself. </p>

<pre><code>&lt;div id='test'&gt;

content I want to remove

    &lt;div id='childDiv'&gt;

      content I want to remove

   &lt;/div&gt;

&lt;/div&gt;
</code></pre>

<p>I want to keep childDiv and test div but removing their contents. How do I do that?</p>

<p><code>$('#test').empty()</code> will remove <code>childDiv</code> too.</p>
