code

<!DOCTYPE html>
<html>
	<head>
	<title>My Page</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">

	<link rel="stylesheet" href="jquery.mobile-1.1.1.min.css" />

	<script src="jquery-1.7.2.min.js"></script>
	<script src="jquery.mobile-1.1.1.min.js"></script>
    	<script type="text/javascript" charset="utf-8" src="cordova-2.0.0.js"></script>
    	<script type="text/javascript" charset="utf-8" src="sc.js"></script>

<style>
input {
    width:100%;
    padding: 10px;
}
</style>


</head>
<body onload="init()">

<div data-role="page" >

	<div data-role="header">


	</div><!-- /header -->

	<div data-role="content">

		<h1>Search Page</h1>

		<input type="search" id="searchField" value="Pizza">
		<input type="button" id="searchButton" value="Search">

		<div id="results"></div>


	</div><!-- /content -->


</div><!-- /page -->

</body>
</html>