title: How to remove everything within a DIV except for one element?
body: <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/">http://jsfiddle.net/pSmDW/</a></p>