JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sample">This is the test div</div>
<div style="display:none;" id="changeUserform">
    <select class="overRideBootstrapSelect">
        <option value="user1">user1</option>
        <option value="user2">user2</option>
        <option value="user3">user3</option>
    </select>
    <input type="button" value="save" id="saveChangedUser" class="overrideButtons" />
    <input type="button" value="Cancel" id="canChangeUser" class="overrideButtons" />
</div>

JavaScript

$(document).ready(function () {
    var wrapper = jQuery("<div />", {
        "class": "class1",
            "id": "dynamic1",
            "style": "background-color:beige; border:1px solid red;width:94%;",
            "text": "dynamically added div"
    }).appendTo($("#sample"));

    $('body').one("click", "#dynamic1", function () {
        $(this).html($("#changeUserform").html());
    });
});