New Alpha release problem
I've updated to the brand new Alpha release, I just changed the CSS and the jQuerys like this:
- <link rel="stylesheet" href="jquery.mobile-1.0a2.min.css" />
<script src="jquery-1.4.4.min.js"></script>
<script src="jquery.mobile-1.0a2.min.js"></script>
And my main page appears like before
But when I click "Settings" (with this code)
- <!DOCTYPE html>
<html>
<head>
<title>Settings</title>
<link rel="stylesheet" href="jquery.mobile-1.0a2.min.css" />
<script src="jquery-1.4.4.min.js"></script>
<script src="jquery.mobile-1.0a2.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Restaurants</h1>
</div><!-- /header -->
<div data-role="content">
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<legend>Select:</legend>
<input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
<label for="checkbox-1">Vegan</label>
<input type="checkbox" name="checkbox-2" id="checkbox-2" class="custom" />
<label for="checkbox-2">Vegetarian</label>
</fieldset>
</div>
</div><!-- /content -->
</div><!-- /page -->
</body>
</html>
I get this...
no header, no nothing... :S
Why is it so?
Anybody?
Thanks in advance!