How do i remove an outer div with jquery
<p>Ok so i have this structure</p>

<pre><code> &lt;div class="field_with_errors"&gt;
    &lt;input id="count" name="count" size="2" type="text" /&gt;
    &lt;label class="message" for="count_for"&gt;Required&lt;/label&gt;
 &lt;/div&gt;
</code></pre>

<p>How do i remove the outer <code>field_with_errors</code> and the inner message and just leave the input tag</p>

<p>if I do </p>

<pre><code>$("#count").closest(".field_with_errors").remove()
</code></pre>

<p>it removes the entire div</p>

<p>I can remove the inner <code>.message</code> first but not sure how to remove the outer</p>

<pre><code>$("#count").closest(".field_with_errors").find('.message').remove()
</code></pre>

<p>Any ideas</p>
