¿Cómo se quita un div exterior con jQuery

Question

Ok, así que tengo esta estructura

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

¿Cómo se quita la field_with_errors y el mensaje interior exterior y acaba de salir de la etiqueta de entrada

si hago

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

que elimina toda la div

puedo quitar el interior .message principio, pero no está seguro de cómo quitar el exterior

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

Cualquier idea

Answer 1

uso replacewith() método,

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

here is the fiddle example

Answer 2

puede utilizar replaceWith() método:

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

http://jsfiddle.net/mgy9W/