JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://designshack.net/tutorialexamples/modal-login-jquery/style.css">
<script src="http://designshack.net/tutorialexamples/modal-login-jquery/js/jquery-1.9.1.min.js"></script>
<script src="http://designshack.net/tutorialexamples/modal-login-jquery/js/jquery.leanModal.min.js"></script>
<div id="modal_content">
    <div id="w">
        <div id="content">
            <center>	<a href="#loginmodal" class="flatbtn" id="modaltrigger">Modal Login</a>

            </center>
        </div>
    </div>
    
<h1>User Login</h1>

    <form id="frmlOGIN" name="frmlOGIN">
        <label for="username">Username:</label>
        <input type="text" name="username" id="username" class="txtfield" tabindex="1">
        <label for="password">Password:</label>
        <input type="password" name="password" id="password" class="txtfield" tabindex="2">
        <input type="submit" name="loginbtn" id="loginbtn" class="flatbtn-blu hidemodal" value="Log In" tabindex="3">
    </form>
    <div id="error_message"></div>
</div>

JavaScript

$(function () {
    jQuery('body').on('submit', '#frmlOGIN', function (event) {
        event.preventDefault();

        jQuery.post("?action=ajax_signup", jQuery("#frmlOGIN").serialize(), function (data) {
            if (data.status == "OK") {
                jQuery("#modal_content").html(data.content);
            } else {
                jQuery("#error_message").html(data.response);
            }
        });
    });

    $('#modaltrigger').leanModal({
        top: 110,
        overlay: 0.45,
        closeButton: ".hidemodal"
    });
});