title: jQuery add form input and change input name
body: <p>I'm constructing a order form for a wedding photographer, so guests can order pictures from within the client album section of his site.</p>
  
  <p>Guests order between 1 and 50 pictures, so I'm currently using jQuery's <code>clone()</code> function, which is working great. </p>
  
  <p>However I also need to change the name attr of each input, each time I add one so the form processing can pick up on the new inputs.</p>
  
  <pre><code>name="picture-1"
  add field
  name="picture-2"
  </code></pre>
  
  <p>Does anyone know if this is possible?</p>
  
  <p>I believe I can use <code>addClass()</code> each time <code>clone()</code> is called, but how can I make <code>addClass()</code> to count?</p>
  
  <p>Thank you</p>