title: jQuery cloning an element and changing attributes of child elements to keep them unique
body: <p>I've looked around at a few answers to similar questions but I don't fully understand the answers.</p>
  
  <p>I have a form with a table in it which contains some inputs, as below...</p>
  
  <pre><code>&lt;table class="form right 40 rewardclone_1"&gt;
  &lt;tr&gt;        
  &lt;td&gt;&lt;label for="financial_goal_1"&gt;Amount&lt;/label&gt;&lt;/td&gt;
  &lt;td&gt;Pledge &lt;span class="dollar"&gt;&amp;#36;&lt;/span&gt;&lt;input id="financial_goal_1" class="text dollars" type="text" name="financial_goal_1" /&gt; or more&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;&lt;label for="maximum_1"&gt;Maximum&lt;/label&gt;&lt;/td&gt;
  &lt;td&gt;&lt;input id="maximum_1" class="text dollars" type="text" name="maximum_1" /&gt; available (blank for unlimited)&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;label for="reward_1"&gt;Reward:&lt;/label&gt;&lt;/td&gt;
  &lt;td&gt;&lt;textarea id="reward_1" name="reward_1"&gt;&lt;/textarea&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I've managed to create a button which clones this entire table when clicked.</p>
  
  <pre><code>$('#add_reward').click(function() {         
    $('.rewardclone').clone().appendTo('#rewards_container');     
  });
  </code></pre>
  
  <p>The problem is I need all those numbers on the attributes (reward_1, maximum_1, etc.) to increment each time the table is cloned.</p>
  
  <p>Any help would be greatly appreciated!</p>
  
  <p>jQuery level: Beginner.</p>
  
  <p>Thanks.</p>