Append element to top of body in jQuery
<p>Right now Facebook wants me to throw this ugly div at the top of my page directly under <code>&lt;body&gt;</code></p>

<pre><code>&lt;div id="fb-root"&gt;&lt;/div&gt;
</code></pre>

<p>I would like to avoid this by instead, appending it via JavaScript.</p>

<pre><code>.append('&lt;div id="fb-root"&gt;&lt;/div&gt;');
</code></pre>

<p>This places it at the bottom of the page.</p>

<pre><code>&lt;/head&gt;
&lt;body&gt;
    &lt;header&gt;test&lt;/header&gt;
    &lt;div id="fb-root"&gt;&lt;/div&gt;
&lt;/body&gt;
</code></pre>

<p>How can I 'append' it to the top?</p>

<pre><code>&lt;/head&gt;
&lt;body&gt;
    &lt;div id="fb-root"&gt;&lt;/div&gt;
    &lt;header&gt;test&lt;/header&gt;
&lt;/body&gt;
</code></pre>
