jQuery: mover un elemento dentro de otro

Para mover o copiar un elemento de un lugar a otro existe la función appendTo() de jquery, que se encarga de tomar un elemento y moverlo a otro lugar del DOM de nuestra página.

Un ejemplo; en el siguiente html vamos a coger todo el contenido del div «#himno» y lo vamos a mover al div «#vacio»

<div id="himno">
    <p>Sin León no hubiera España,
    que antes que Castilla leyes,
    concilios, fueros y reyes,
    dieron prestigio a León.</p>
</div>
<div id="vacio"></div>

$('#himno').appendTo('#vacio');

Y el resultado en el DOM sería:

<div id="vacio">
    <div id="himno">
        <p>Sin León no hubiera España,
        que antes que Castilla leyes,
        concilios, fueros y reyes,
        dieron prestigio a León.</p>
    </div>
</div>