Uncaught Exception in jQuery Mobile 1.2 during page initialization

Uncaught Exception in jQuery Mobile 1.2 during page initialization

I upgraded from jquery mobile 1.1 to 1.2 and now I get an uncaught exception in the jquery code when loading my page. I created a very small sample page to reproduce the problem. It contains NO javascript all. It is included below. If I remove the highlighted html (the second select), the problem doesn't occur. Looking at the code in Dreamweaver "LIVE View" I can see that jquery is trying to extend the second select when the error occurs. Am I missing something obvious, or could this be a bug?

Here is where the exception occurs in jquery.mobile-1.2.js:



My source HTML:

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Test Page</title>
<link rel="stylesheet" href="lib/css/jquery.mobile-1.2.0.css" />
<script src="http://code.jquery.com/jquery-1.7.1.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.js"></script>
<script type="text/javascript">
$("#page1").live("pagecreate", function(e, data) {
});
</script>
</head>
<body>
<div data-role="page" id="page1">
<div id="header" class="ui-bar ui-bar-b" style="text-align:center">ACRSelect</div>
<fieldset>
<ul style="list-style:none">
<li><label for="field1">Field 1:</label></li>
<li><select id="field1"></select></li>
<li><label for="field2">Field 2:</label></li>
<li><select id="field2"></select></li>
</ul>
</fieldset>
<div id="score">
Score:
</div>
</div> <!-- page -->
</body>
</html>