Incrementing class with add row/clone in JQuery
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://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>
