Insert new element in the <body> with JQuery
<p>I want some help for someone about how to insert a new element in a body of document using JQuery.</p>

<p>I´m recover the body with:</p>

<pre><code>var a = $(editorFrame).contents().find('body').html();
</code></pre>

<p>Then, I need to verify that the body has the element <code>&lt;p&gt;&lt;/p&gt;</code>, with it doesn´t, I have to put this element after the first <code>&lt;DIV&gt;</code>. Here is my body</p>

<pre><code>&lt;body&gt;
&lt;div id="testeFooter" class="footer-element"&gt;
    &lt;table id="footerDiv" class="mceItemTable" width="100%"&gt;
        &lt;tbody&gt;
            &lt;tr&gt;
                &lt;td id="footerContent"&gt;
                    &lt;b&gt;Digite aqui o seu Rodap&amp;#233;&lt;/b&gt;
                &lt;/td&gt;
            &lt;/tr&gt;
        &lt;/tbody&gt;
    &lt;/table&gt;
&lt;/div&gt;
&lt;div id="testeHeader" class="header-element"&gt;
    &lt;table id="headerDiv" class="mceItemTable" width="100%"&gt;
        &lt;tbody&gt;
            &lt;tr&gt;
                &lt;td id="headerContent"&gt;
                    &lt;b&gt;Digite aqui o seu cabe&amp;#231;alho&lt;/b&gt;
                &lt;/td&gt;
            &lt;/tr&gt;
        &lt;/tbody&gt;
    &lt;/table&gt;
&lt;/div&gt;
    &lt;p&gt;ESSSE MODELO TESTE&lt;/p&gt;
&lt;/body&gt;
</code></pre>

<p>I just need to know how I can put a new element after the first  on the body.</p>

<p>Thank´s a bunch with you can help me!</p>
