JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
<div>
    <input type="hidden" id="hdn1" value="3" /> 
    <input type="text" id="txt1" value="" />
    <input type="checkbox" id="chk1" />
</div>
<div>
    <input type="hidden" id="hdn1" value="3" />
    <input type="text" id="txt1" value="" />
    <input type="checkbox" id="chk1" />
</div>
</div>  

<input type="button" id="btnAdd" value="Add" />

JavaScript

$(function(){
    $("#btnAdd").click(function(e){
       e.preventDefault(); 
       var newItem=$("<div><input type='hidden' id='hdnNew' /><input type='text' id='txtNew' /><input type='checkbox' id='chkNew' /></div>");
        
        $("#container").append(newItem);
    });
    
    
});