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");
    rows.each(function (i) {
        var inputs = $(this).find('input');
        i++;
        inputs.eq(0).attr('id', 'txtTitle'+i )
            .attr('name', 'txtTitle'+i )
            .attr('value', 'title'+i );
        inputs.eq(1).attr('id', 'txtLink'+i )
            .attr('name', 'txtLink'+i )
            .attr('value', 'link'+i );
    });
    alert(document.getElementById('matt').outerHTML);
});