Untitled

<html>
<head>
<meta charset="utf-8" />
  <title>Demo</title>
<link rel="stylesheet" href="jquery.mobile-1.0a3.min.css" />
<link rel="stylesheet" href="test
.css" />
<link rel="stylesheet" href="jquery.ui.datepicker.mobile.css" />
<script src="jquery-1.5.1.min.js"></script>
<script>
  //reset type=date inputs to text
  $( document ).bind( "mobileinit", function(){
    $.mobile.page.prototype.options.degradeInputs.date = true;
  });
</script>
<script src="jquery.mobile-1.0a3.min.js"></script>
  <script src="http://jquerymobile.com/demos/1.0a3/experiments/ui-datepicker/jQuery.ui.datepicker.js"></script>
  <script src="http://jquerymobile.com/demos/1.0a3/experiments/ui-datepicker/jquery.ui.datepicker.mobile.js"></script>
<script src="expenses.js"></script>
<head>
<body>
<div data-role="page">
  <div data-role="header">
    <h1>Expenses</h1>
  </div>
  <div data-role="content">
   <form id="expensesForm" method="post" >

   <div data-role="fieldcontain">
   <label for="expensesName">Name of Expense</label>
    <input name="name" id="expensesName" type="text"
value="" />
   </div>

   <div data-role="fieldcontain">
   <label for="expensesAmount">Amount $</label>
    <input name="name" id="expensesAmount" type="number"
value="" />
   </div>

   <div data-role="fieldcontain">
   <label for="expensesCategory">Category</label>
    <select id="expensesCategory">
	</select>
   </div>

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