Скопируйте и вставьте несколько раз

Question

Как скопировать абзац и вставить его в один и тот же div несколько раз в jQuery?

Пример:

<div id="main-content"> 
<h1> Lorem </h1> 
<p> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p> 
</div> 

JQuery делает:

<div id="main-content"> 
    <h1> Lorem </h1> 
    <p> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p> 
<h1> Lorem </h1> 
    <p> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p> 
<h1> Lorem </h1> 
    <p> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p> 
<h1> Lorem </h1> 
    <p> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p> 
<h1> Lorem </h1> 
    <p> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p> 
    </div> 

Answer 1

var toCopy = $('#main-content').children(); 
for (var i = 1;i < 5;i++) { 
    $('#main-content').append(toCopy.clone()); 
} 

Answer 2

var contentToCopy = $('#main-content').html() 

var i = 0; 
for(i; i < 5; i++) 
{ 
    $('#main-content').html().append(contentToCopy) 
} 

Не тестировался ...