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.0.1/jquery.mobile-1.0.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
    <script src="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.2.js"></script>
</head> 
<body> 

  <div data-role="page" id="mainpage">
    <div data-role="header">
      <h1> My Test </h1>
    </div><!-- /header -->

    <div data-role="content">
      <div class="content-primary">
        <form id="fmain" data-ajax="false">
          <!-- Primary SSN -->

          <div data-role="none">
            <label for="ssnprimary">SSN:</label>
            <input type="text" name="ssnprimary" id="ssnprimary" value="">
                <script>
                    $("#ssnprimary").mask("999-99-9999");
                </script>
            </input>
          </div>
          </form>
         <br />
       </div><!-- /content -->
    </div><!-- /content -->

    <div data-role="footer"
      data-theme="d"></div><!-- /footer -->
  </div><!-- /page one -->

</body>
</html>