Jak zdjąć zewnętrzną div z jQuery

Question

Ok, więc mam tej struktury

<div class="field_with_errors"> 
    <input id="count" name="count" size="2" type="text" /> 
    <label class="message" for="count_for">Required</label> 
</div> 

Jak zdjąć zewnętrzną field_with_errors i wiadomość wewnętrzną i po prostu zostawić tagu wejściowego

jeśli robię

$("#count").closest(".field_with_errors").remove() 

usuwa całą div

mogę wyjąć wewnętrzną .message pierwszy, ale nie wiem, jak usunąć zewnętrzną

$("#count").closest(".field_with_errors").find('.message').remove() 

Wszelkie pomysły

Answer 1

użycie replacewith() metoda,

$(".field_with_errors").replaceWith($("#count"));​ 

here is the fiddle example

Answer 2

można użyć replaceWith() metody:

$('.field_with_errors').replaceWith($("#count")); 

http://jsfiddle.net/mgy9W/