JSFiddle - React, Tailwind, and code Playground

HTML

<form id="namesForm">
    <div id="nameRows">
        <input type="button" onclick="javascript:;" id="addRow" value="Add Row"><br />
        <input type="text" name="names[0][name]"><br />
    </div>
    <input type="submit" id="submit" value="Submit" />
</form>

JavaScript

var $j = jQuery.noConflict();
$j(document).ready(function(){
$j(function(){
    var rows = 1;
    
    $j('#addRow').click(function(){
        $j('#nameRows').append('<div class="nameRow"><input type="text" name="names['+rows+'][name]" value="" /><a href="javascript:;" class="removeRow">Remove</a> name="names['+rows+'][name]"<div>');
        rows++;
    });
    
    $j(document).on('click', '.removeRow', function(){
        $j(this).closest('.nameRow').remove();
    });
    
    // Below just used to show the string on submit
    $j('#submit').click(function(e){
        e.stopPropagation();
        e.preventDefault();
        
        alert($j('#namesForm').serialize());
    });
});
});