Elemente verschieben in jQuery

Vielleicht habt ihr euch schon mal die Frage gestellt, wie ihr in jQuery
eigentlich ein Element, inklusive aller Kind-Element ein anderes verschiebt.
Habt ihr noch keine Antwort gefunden, seid ihr hier genau richtig, denn auf
dieses Problem will ich in diesem Blog eingehen.

Wir wollen also dieses Element:

<div id="e1">
...
</div>

in dieses verschieben:

<div id="e2">
...
</div>

so dass wir dann dieses haben:

<div id="e2">
  <div id="e1">
  ...
  </div>
</div>

jQuery bietet euch für dieses Problem 2 Funktionen:

prependTo(), fügt e1 am Anfang von e2 ein:
$("#e1").prependTo("#e2");

appendTo(), fügt e1 am Ende von e2 ein:
$("#e1").appendTo("#e2");