JSFiddle - React, Tailwind, and code Playground

HTML

<div id="someDiv"></div>

<div id="someOtherDiv">
    click me 
</div>

JavaScript

$(document).ready(function () {
    Click();
});

function Click() {
    Foo(function () {
    Bar();    
    });
    
}

function Foo(callback) {
    $("#someDiv").append("<table><tr><input type='text' value='Hello World' class='hi' /></tr></table>");
        callback();
    
}

function Bar() {
    var x = $('.hi').val();
    alert(x);
}

$('#someOtherDiv').on("click", function() {
    Bar();
});