javajosh/gwt-jquery-mobile.html

## gwt-jquery-mobile.html
<!DOCTYPE HTML>
<html>
  <head>
   <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <link type="text/css" rel="stylesheet" href="Gwt.css">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />

    <title>Web Application Starter Project</title>
    <script type="text/javascript" language="javascript" src="gwt/gwt.nocache.js"></script>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
		<script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
		<script type="text/javascript">
		  $(function() {
		    alert('hello');
		  });
		</script>
  </head>

  <body>

    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1'
    style="position:absolute;width:0;height:0;border:0"></iframe>

    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>

    <h1>Web Application Starter Project</h1>

    <table align="center">
      <tr>
        <td colspan="2" style="font-weight:bold;">Please enter your name:</td>
      </tr>
      <tr>
        <td id="nameFieldContainer"></td>
        <td id="sendButtonContainer"></td>
      </tr>
    </table>

<div data-role="page">

	<div data-role="header">
		<h1>Page Title</h1>
	</div><!-- /header -->

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

	<div data-role="footer">
		<h4>Page Footer</h4>
	</div><!-- /header -->
</div><!-- /page -->

  </body>
</html>
	<!DOCTYPE HTML>
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">

	<link type="text/css" rel="stylesheet" href="Gwt.css">
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />

	<title>Web Application Starter Project</title>
	<script type="text/javascript" language="javascript" src="gwt/gwt.nocache.js"></script>

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
	<script type="text/javascript">
	$(function() {
	alert('hello');
	});
	</script>
	</head>

	<body>

	<iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1'
	style="position:absolute;width:0;height:0;border:0"></iframe>

	<noscript>
	<div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
	Your web browser must have JavaScript enabled
	in order for this application to display correctly.
	</div>
	</noscript>

	<h1>Web Application Starter Project</h1>

	<table align="center">
	<tr>
	<td colspan="2" style="font-weight:bold;">Please enter your name:</td>
	</tr>
	<tr>
	<td id="nameFieldContainer"></td>
	<td id="sendButtonContainer"></td>
	</tr>
	</table>

	<div data-role="page">

	<div data-role="header">
	<h1>Page Title</h1>
	</div><!-- /header -->

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

	<div data-role="footer">
	<h4>Page Footer</h4>
	</div><!-- /header -->
	</div><!-- /page -->

	</body>
	</html>