JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <div id="page01">
        <div id="container01">
            <label for="fname">First Name</label>
            <input type="text" name="First name" id="fname">
            <label for="lname">Last Name</label>
            <input type="text" name="Last name" id="lname">
            <label for="stf">Stuff</label>
            <textarea name="stuff" id="stf"></textarea>
            <label for="dplct">Duplicate</label>
            <input type="button" name="Duplicate" id="dplct">
            <label for="nxt">Next</label>
            <input type="button" name="Next" id="nxt">
            <input type="radio" name="1" value="1" id="q1a1">
            <input type="radio" name="1" value="2" id="q1a2">
            <input type="radio" name="1" value="3" id="q1a3">
        </div>
        <!--container-->
    </div>
    <!--page01-->
</form>

JavaScript

$(document).ready(function () {
    $("#dplct").click(function () {
        $("#container01").clone("*").appendTo("#page01").after("#container01");
    });
});