Simple form on jquery mobile
I am a new user of jquery mobile and Im having issues with submitting a simple "get" request using a form.
Following code displays "Error Loading Page" on Mozilla or Safari (haven't tried on a mobile device yet):
- <!DOCTYPE html>
<html>
<head>
<title>Test Form</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
<script src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
</head>
<body>
<div data-role="page" data-theme="e">
<div data-role="header">
<h1>Test Form</h1>
</div>
<div data-role="content">
<div data-inline="true">
<form action="testformsubmission.htm" method="get">
<input type="text" name="textstuff" data-inline="true"> <input type="submit" value="Search" data-inline="true">
</form>
</div>
</div>
</div>
</body>
</html>
However, if I change this line:
- <script src="http://code.jquery.com/jquery-1.5.min.js"></script>
to use the 1.4.3 version (like below), everything works fine:
- <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
Am I missing something here?