Content an den Anfang innerhalb eines Elements einfügen

Folgenen HTML-Codeschnipsel wollen wir manipulieren:

<div id="container">
  <h2>Container</h2>
  <div class="section">
    Sektion 1
  </div>
  <div class="section">
    Sektion 2
  </div>
</div>

Wir schreiben neuen Content mit .append()

$('.section').prepend('<p>Test</p>');

Und so sieht dann das Ergebnis aus:

<div id="container">
  <h2>Container</h2>
  <div class="section">
    <p>Test</p>
    Sektion 1
  </div>
  <div class="section">
    <p>Test</p>
    Sektion 2
  </div>
</div>