Remove all elements\html but inputs
<p>I have a form with a few input fields spread throughout the markup.</p>

<p>What I want to do is remove everything but the inputs from it.</p>

<p>So  this:</p>

<pre><code>&lt;form&gt;
&lt;table&gt;&lt;tr&gt;&lt;td&gt;more info here&lt;input type="submit" name="registerForEvent" id="registerForEvent" value="Register Online" class="Button" /&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;table goes here blah blah....
&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;  test text here:&lt;input type="hidden" name="test"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
&lt;/form&gt;
</code></pre>

<p>becomes this</p>

<pre><code>&lt;form&gt;
&lt;input type="submit" name="registerForEvent" id="registerForEvent" value="Register Online" class="Button" /&gt;
&lt;input type="hidden" name="test"&gt;
&lt;/form&gt;
</code></pre>

<p>I tried </p>

<pre><code>$('form:not(input)').remove(); 
</code></pre>

<p>to no avail</p>

<p><a href="http://jsfiddle.net/X5fFC/" rel="nofollow">http://jsfiddle.net/X5fFC/</a></p>
