JSFiddle - React, Tailwind, and code Playground

HTML

<title>Add Title Here</title>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js">
    
  </script>
</head>
<body>
  <table class="list">
    <tr>
      <td>First Header</td>
      <td>Second Header</td>
    </tr>
    <tr>
      <td>
        <input type="text" name="firstColumnRow0" />
      </td>
      <td>
        <input type="text" name="secondColumnRow0" />
      </td>
    </tr>
  </table>	<a href="#" title="" class="add-row">Add Row</a>

</body>

JavaScript

$(document).ready(function () {
		  var counter = 0;
		  $('a.add-row').click(function (event) {
		    event.preventDefault();
		    counter++;
		    var newRow = jQuery('<tr><td><input type="text" name="firstColumnRow' + counter + '"/></td><td><input type="text" name="secondColumnRow' + counter + '"/></td></tr>');
		    jQuery('table.list').append(newRow);
		  });
		});