JQuery append to parent div
<p>For the following html:</p>

<pre><code>&lt;div class="section grouping"&gt;
    &lt;div class="sectionControl"&gt;
        &lt;div class="parent row errorOn"&gt;
            &lt;div class="validGroupControl"&gt;
                &lt;div class="row2 itemWrap clearfix"&gt;
                    &lt;label&gt;Login1 (adress e-mail)&lt;span class="iconReq"&gt;&amp;nbsp;&lt;/span&gt;:&lt;/label&gt;
                    &lt;input type="text" class="text"&gt;
                &lt;/div&gt;
                &lt;div class="itemWrap clearfix"&gt;
                    &lt;label&gt;Input field1&lt;span class="iconReq"&gt;&amp;nbsp;&lt;/span&gt;:&lt;/label&gt;
                    &lt;input type="password" class="text"&gt;
                &lt;/div&gt;
                &lt;a href="#" class="iconClose" onclick="$(this).closest('div.parent').remove();" title="remove"&gt;remove&lt;/a&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="row addControl"&gt;
        &lt;a href="#" class="button" onclick="$('div.sectionControl').append($('div.sectionControl div.parent:last').html());"&gt;Add&lt;/a&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I want it to do the following:
clicking "add" button would take <code>&lt;div class="parent..."&gt;</code> and append it to <code>&lt;div class="sectionControl"&gt;</code></p>

<p>Pretty much i want it so that when i click Add button new <code>&lt;div class="parent"</code> will be added underneath previous <code>&lt;div class="parent..."&gt;</code> and right above:</p>

<pre><code>                     &lt;/div&gt;
                     &lt;div class="row addControl"&gt;
</code></pre>

<p>when i try it with the parent() like so:</p>

<pre><code>alert($('div.sectionControl div.parent:last').parent().html())
</code></pre>

<p>i get duplicates. so instead of adding just one i get original + what i just added. I'm not sure how to handle this.</p>

<p>thank you</p>
