title: Clone form and increment ID
body: <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>