JSFiddle - React, Tailwind, and code Playground

http://stackoverflow.com/questions/16816264/generate-new-unique-name-and-id-in-table-row-as-the-form-loads

HTML

<table id="matt">
    <tbody>
    <tr>
        <td><input type="text" id="txtTitle" name="txtTitle" value="title" /></td> 
        <td><input type="text" id="txtLink" name="txtLink" value="link" /></td> 
    </tr>
    <tr>
        <td><input type="text" /></td> 
        <td><input type="text" /></td> 
    </tr>
    <tr>
        <td><input type="text" /></td> 
        <td><input type="text" /></td> 
    </tr>
    </tbody>
</table>

CSS

#matt td {
    border:1px solid black;
}

JavaScript

$(document).ready(function () {
    var rows = $("table tbody tr");
    var txtTitle = rows.first().find('input').eq(0);
    var txtLink = rows.first().find('input').eq(1);
    rows.each(function (i) {
        if (i==0) { return; } // skip first row.
        var inputs = $(this).find('input');
        inputs.eq(0).attr('id', txtTitle.attr('id')+i )
            .attr('name', txtTitle.attr('name')+i )
            .attr('value', txtTitle.attr('value')+i );
        inputs.eq(1).attr('id', txtLink.attr('id')+i )
            .attr('name', txtLink.attr('name')+i )
            .attr('value', txtLink.attr('value')+i );
    });
});