Jquery clear form in a section
<p>for the following:</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>when I run this:</p>

<pre><code>$('div.addControl a.button').click(function () {
    var parent = $(this).closest('.section.grouping').find('.parent:last');
    parent.after(parent.clone());
});
</code></pre>

<p>it clones 'parent' section which works great. But i want it to clone it without values in the input fields. </p>

<p>what's the best way to clear all input fields in a section?
thanks</p>
