JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html> 
<html> 
    <head>
        <title>Page Title</title> 
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" />
    </head> 
    <body> 
        <div data-role="page">
            <div data-role="header">
                <h1>Page Title</h1>
            </div>

            <div data-role="content">    
                <p>Page content goes here.</p>        
            </div>

            <div data-role="footer">
                <h4>Page Footer</h4>
            </div>
        </div>
    </body>
</html>

JavaScript

var scripts = [
    "http://code.jquery.com/jquery-1.6.2.min.js",
    "http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"
];

for(var i = 0; i < scripts.length; i++) {
    //document.write("<script type=\"text/javascript\" src=\"" + scripts[i] + "\"><\/script>");
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = scripts[i];
    ////document.body.appendChild(script);
    document.getElementsByTagName("head")[0].appendChild(script);
}