How to remove everything within a DIV except for one element?
<p>I have the following HTML:</p>

<pre><code>&lt;div class="item"&gt;
    &lt;img src="http://mintywhite.com/images/wg/0904/05rssfeedicons/rss-feed-icons11.jpg"/&gt;
    TEXT NODE
    &lt;span class="some_class"&gt;What the funk?&lt;/span&gt;
    &lt;form&gt;What the monkey&lt;/form&gt;
&lt;/div&gt;
</code></pre>

<p>I want to remove everything within <code>div.item</code> except for the image. I tried using this bit of code, but the text node still remains within the <code>div</code>.</p>

<pre><code>$('.item').contents().not('img').remove();
</code></pre>

<p>Any suggestions?</p>

<p>Here's my JSFiddle that you can fiddle with: <a href="http://jsfiddle.net/pSmDW/" rel="nofollow">http://jsfiddle.net/pSmDW/</a></p>
