JSFiddle - React, Tailwind, and code Playground

HTML

<body>
        <div data-role="page" id="front">
            <div data-role="header">
                <h1>Header</h1>
            </div>
            
            <div role="main" class="ui-content">
                <div class="ui-grid-solo">
                    <div class="ui-block-a"><input type="button" value="Start" id="start"></div>
                </div>
                <div class="ui-grid-a">
                    <div class="ui-block-a"><input type="button" value="Previous" id="prev"></div>
                    <div class="ui-block-b"><input type="button" value="Next" id="next"></div>
                </div>
            </div>
            
            <div data-role="footer">
                <h4>Footer</h4>
            </div>
        </div>
 </body>

JavaScript

$(function() {
    $("#start").click(function() {
       alert("start"); 
    });
    $("#prev").click(function() {
        alert("prev");
    });
    $("#next").click(function() {
        alert("next");
    });
})();