jQuery Mobile 2-page Base Fiddle

HTML

<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css">
<!DOCTYPE html> 
<html> 
    <head> 
        <title>Title</title> 
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
        <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
    </head>
<body>
    <div data-role="page">
    <div data-role="header">
        <h1>Title</h1>
    </div>
    <div data-role="fieldcontain">    
        <div class ="error-messsage">
            <p></p>
        </div>
            <p>
<form action="demo_form.asp" data-ajax="false" method="get">
<input type="hidden" name="scoreType" id="_scoreType" value="T" />
<div data-role="fieldcontain"><fieldset class="ui-grid-a">
<div class="ui-block-a">Minutes:</div>
<div class="ui-block-b">Seconds:</div>
<div class="ui-block-a"><input type="number" name="score_minutes" value="1" id="_scoreMinutes" maxlength="20" autocomplete="off" data-inline="true"  /></div>
<div class="ui-block-b"><input type="number" name="score_seconds" value="2" id="_scoreSeconds" maxlength="20" autocomplete="off" data-inline="true"  /></div></fieldset>
<input type="hidden" name="score" id="_score" value="62" /></div><div data-role="fieldcontain"><label for="_note">Note:</label>
<textarea name="note" cols="40" rows="10" id="_note" autocomplete="off" ></textarea></div><div data-role="fieldcontain">
<label for="_classAttended" class="select">Class Time:</label><select name="class_attended" name = "class_attended" id = "_classAttended" data-native-menu="false">
<option value="-1"></option>
<option value="6">06:00 am</option>>
</select></div><div data-role="fieldcontain"><label...