title: Incrementing class with add row/clone in JQuery
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/2307129/how-to-use-jquery-to-add-a-new-row-to-a-table-and-assgin-an-incrementing-id-to">How to use jQuery to add a new row to a table, and assgin an incrementing id to it</a>  </p>
  </blockquote>
  
  
  
  <p>I've got some table rows as per below:  </p>
  
  <pre><code>&lt;td&gt;&lt;input id="RS_Staff_Title1" name="RS_Staff_Title1" style="width:100%;"&gt;&lt;/td&gt;
  
  &lt;td&gt;&lt;input id="RS_No_WD_Staff1" name="RS_No_WD_Staff1" style="width:100%;"&gt;&lt;/td&gt;
  
  &lt;td&gt;&lt;input id="RS_No_Weekdays1" name="RS_No_Weekdays1" style="width:100%;"&gt;&lt;/td&gt;
  
  &lt;td&gt;&lt;input id="RS_No_WE_Staff1" name="RS_No_WE_Staff1" style="width:100%;"&gt;&lt;/td&gt;
  
  &lt;td&gt;&lt;input id="RS_No_WE_Days1" name="RS_No_WE_Days1" style="width:100%;"&gt;&lt;/td&gt;
  
  &lt;td&gt;&lt;img class="remove_row" src="assets/images/delete-icon.png"&gt;&lt;/td&gt;
  </code></pre>
  
  <p>I've then got a button which takes the last table row and clones it to the one below, therefore adding a new line using this Jquery"</p>
  
  <pre><code>$("#add_row").click(function() {
          $('#staff tbody&gt;tr:last').clone(true).insertAfter('#staff tbody&gt;tr:last');
          return false;
      });
  </code></pre>
  
  <p>What I need to happen is for the RS_Staff_Title1 to become RS_Staff_Title2, RS_Staff_Title3 and so on - the same would happen for the other columns as well.</p>
  
  <p>How can I go about acheiving this?</p>