Clone form and increment ID
<p>Consider the following form:</p>

<pre><code>&lt;form&gt;
    &lt;input type="button" value="Input Button"/&gt;
    &lt;input type="checkbox" /&gt;

    &lt;input type="file" id="file"/&gt;
    &lt;input type="hidden" id="hidden"/&gt;
    &lt;input type="image" id="image" /&gt;

    &lt;input type="password" id="password" /&gt;
    &lt;input type="radio" id="radio" /&gt;
    &lt;input type="reset" id="reset" /&gt;
&lt;/form&gt;
</code></pre>

<p>Utilizing Javascript (and jQuery), what would be the easiest way to clone the entire form and increment each individual id within, to ensure uniqueness. </p>

<p>Using jQuery I would assume you would clone the form initially via <code>clone()</code> and iterate through the cloned objects <code>id</code> and add the new id <code>fieldname1</code>, <code>fieldname2</code> etc. However, my knowledge of jQuery isn't too great and this project is almost killing me. </p>

<p>Any help would be great!</p>
