[jQuery] before()

Jo jag undrar en sak. Om jag använder before() i jquery så lägger sig det jag vill inte före det jag vill om det är flera element än ett.

Här är exempel på koden jag har:

var markup = '<h1>Rubrik</h1>,
    markup += '<p>Lite text...</p>',
    markup += '<p>Paragraf 2</p>';

$('#myDiv').before(markup);

Och här är resultatet jag VILL uppnå:

<h1>Rubrik</h1>
<p>Lite text...</p>
<p>Paragraf 2</p>
<div id="myDiv"></div>

Men istället blir det:

<h1>Rubrik</h1>
<div id="myDiv"></div>
<p>Lite text...</p>
<p>Paragraf 2</p>

Varför får jag bara det första elementet före det önskade och sen resten efter?

Min lösning var att wrappa allt inom en <div> så att det blir ett element som kommer före önskat element men det e lixom lite fullösning...

Tack sam för svar.

/C