Mover capas de sitio con jquery

Podemos recolocar capas usando jquery, colocándolas antes o después de la capa que queramos.

Os dejo un enlace donde se habla de esto: api.jquery.com/insertbefore/

Ejemplo:
Tenemos el siguiente código HTML:
 

...y queremos colocar el

fuera de la capa "container". Usando el siguiente código jquery:

<script type="text/javascript"> 
$( "

Test

" ).insertBefore( ".inner" ); 
</script>

...quedará de este modo:
 

Greetings

 

Test

   

Test

 


Nota: es aconsejable usar la palabra jquery en vez del símbolo del $ (por experiencia, a veces me ha dado problemas al implementarlo en algún CMS)