How to dynamically add a new row to table with jQuery?
<p>I have a question for those jQuery guys. I am trying to do in something, but it just does not go. I have a table like this:</p>

<p><code>&lt;table cellpadding="1" cellspacing="0"&gt;
    &lt;tbody&gt;
        &lt;tr&gt;
            &lt;td&gt;[fields]&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/tbody&gt;
&lt;/table&gt;</code></p>

<p>At the end of each row is an image which is used to add a new row just after it. So, if I click the image, which is in the 3rd row, a new row will be added at the 4th place. Not only that, but that data should be dynamic. What I mean with that is, when the new row is added, the indexes of rows behind that one should be updated. So if I added a row on the 4th place, the row that was 4th before should now be 5th. I think you get the idea.</p>

<p>Thanks!</p>
