title: How to increment values on .clone() in jquery
body: <p>I am trying to clone a form and change the form name from (for example) #form and when cloned to #form1 and do the same on the inputs and I am really stuck on how to do this! Any help would be GREATLY appreciated as I have spent ALL DAY trying to figure it out. Here is my code:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="avail"&gt;
  &lt;form action="submit.php" id="form1" method="post"&gt;
  &lt;input type="text" name="input1" /&gt;
  &lt;input type="text" name="anotherinput1" /&gt;
  &lt;input type="text" name="onemoreinput1" /&gt;
  &lt;input type="submit" name="submit1" value="submit" /&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  
   &lt;input type="submit" value="+" id="copy" /&gt;
  </code></pre>
  
  <p>JQUERY (for cloning the div and form):</p>
  
  <pre><code>$("#copy").click(function(e) {
         $(".avail").clone().removeAttr('id').insertBefore(this);
         e.preventDefault();
      });
  </code></pre>
  
  <p>Please if anyone knows how to do this, I would appreciate it soooo much!</p>