How to clear text box after clone using jQuery?
<p>I am using jQuery to clone a html input field, my jquery code is:</p>

<pre><code>$(".add_field_button").click(function(e){
    e.preventDefault();

    $('.fieldset-content').first().clone().appendTo('.fieldset-clone');

    var rmvBtn = $('.fieldset-content').last().find('.remove-button');

    add_remove_btn(rmvBtn);
});
</code></pre>

<p>My HTML code that are beeing cloned is:</p>

<pre><code>&lt;div class="fieldset-clone" data-count="1"&gt;
    &lt;div class="fieldset-content"&gt;
        &lt;div class="row"&gt;
            &lt;div class="col-md-4"&gt;
                &lt;div class="form-group"&gt;
                    &lt;label for="description"&gt;description&lt;/label&gt;
                    &lt;input name="description[]" type="text" class="form-control name"&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="col-md-4"&gt;
                &lt;br&gt;
                &lt;input name="img[]" type="file"&gt;
            &lt;/div&gt;
            &lt;div class="col-md-2 remove-button"&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="clearfix"&gt;&lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>If the user have typed in a value in the field, the value is also cloned.
is there a way to reset the text input filed upon cloning the element?</p>

<p>The .add_field_button is the button that clones the inputfields.</p>