how to embed the whole <body> to a created new div with jQuery?
<p>I want to perform the sticky footer to a stand-for-a-long web project.
I'm required to create two top-level div and wrap up all the content inside of <code>&lt;body&gt;</code> into  'div-container', then to add 'div-footer' to the end of <code>&lt;body&gt;</code> or <code>&lt;html&gt;</code>
like</p>

<pre><code>&lt;body&gt;
&lt;div id='container'&gt;
//all body 
&lt;/div&gt;
&lt;div id='footer'&gt;
&lt;/div&gt;
&lt;/body&gt;
</code></pre>

<p>How can i do it with jQuery? i tried but failed with the code below (coz 'container' don't know where to append),</p>

<pre><code>$(document).ready(function() {
    addStikyFooter();
});

function addStikyFooter() {
    $("&lt;div id='container'&gt;&lt;/div&gt;").append($('body'));
    var footerHtml = "&lt;div id='footer'&gt;i'm testing!/footer&gt;";
    alert($('body').html());
}
</code></pre>
