JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

</head>
<body>
    <div id="page1" data-role="page">
        <div data-role="header">
            <h1>Header</h1>
        </div>
        <div data-role="content" > 
			<p>Your content goes here.</p>
			<div id="users"></div>
        </div>
                  
    </div>
    <script>
	var result = "<a href='#popupBasic_1' data-rel='popup'	        style='text-decoration: none; background-color: red; display: block; width: 40px; height: 40px; text-align: center; position: absolute; font-size: 13px; font-weight: bold; color: white'>bill</a>	    <div data-role='popup' id='popupBasic_1'>	        <div style='height: 200px; width: 300px'>	            <div	                style='text-decoration: none; background-color: red; display: block; width: 40px; height: 40px; text-align: center; font-size: 13px; font-weight: bold; color: white'>bill</div>	            <div	                style='text-decoration: none; background-color: blue; display: block; width: 40px; height: 40px; text-align: center; font-size: 13px; font-weight: bold; color: white'>bob</div>	        </div>	    </div>";
	
    $(document).on("pagebeforeshow", "#page1", function(){
        $("#users").html(result).trigger("create");
    });
        </script>
</body>
</html>