JSFiddle - React, Tailwind, and code Playground

by kanishka_bandara

HTML

<body>
        <div id="container">
              <a href="#" class="more">Add more +</a>
         </div>
    </body>

JavaScript

$(".more").click(function() {
        $("#container").append("<div id='test'><label>Title: </label><input type='text' id='txt_jobTitle' />&nbsp;<label>Company</label><input type='text' id='id2'>&nbsp;<label>Started</label><input type='text' id='txt_jobStarted'>&nbsp;<label>Ended</label><input type='text' id='txt_jobEnded'>&nbsp;<div class='box'><a href='#'>x</a></div></div><br/>");
        var count = $(".box").length;

    });

    $(document).on("click",".box a", function() {
        $(this).parent().remove();
        $("#test").remove();
    });