JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="product">
        <div id="done"></div>
    </div>
</body>

CSS

#done {
    background: blue;
    width: 50px;
    height: 30px;
}

JavaScript

$('body').on('click', '#product', function () {

    var x = "hi";
    $('#done').click(function () {
        alert(x);
    });

});