I've been attempting to use version 1.4, but I'm facing issues with CSS functionalities. Previously, I could create a toolbar at the top of my page using 'data-role="header"', but now it's not working. The code below worked perfectly before version 1.4, but now it doesn't. All files are stored in the same folder as my index.html.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>App Name</title>
<link rel="stylesheet" href="jquery.mobile-1.4.0.min.css"/>
<script src="jquery-2.0.3.js"></script>
<script src="jquery.mobile-1.4.0.min.js"></script>
<script type="text/javascript"></script>
</head>
<body>
<!-- Main Page -->
<section>
<div data-role="page" id="main_page" data-theme="a">
<div data-role="header" id="header" data-theme="a">
<h1>Header</h1>
</div>
</body>
</html>
Has there been any changes or am I overlooking something?
Thank you for your help.