JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<form id="commentForm" method="post" action="">


            <p id="parent">

               <input id="list" name="list" class="required"  />
            </p>


            <input class="submit" type="submit" value="Submit1"/>
            <input   type="button" value="add1" onclick="addInput1()" />


       </form>

JavaScript

var i=1;
$(document).ready(function(){                
    $("#commentForm").validate();
});

function addInput1()
{   
    
    var newElement = $('#list').clone().attr('id','list'+i).attr('name','list'+i);    
    newElement.appendTo('#parent');
    i++
    

}