Getting "Resource failed to load" while redirecting from one page to another ??

Getting "Resource failed to load" while redirecting from one page to another ??

index.html : 


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Popup</title>
<link rel="stylesheet"  href="../css/jquery.mobile-1.2.0-alpha.1.css" />
<link rel="stylesheet" href="../css/jqm-docs.css"/>
</head>
<script>
function tosubmit() {
var JSONObject = { 
    "response": { 
        "auth": "N"
       } 
} ;

            var mytext = JSONObject.response.auth;

            // Storing the value above into localStorage
            localStorage.setItem("mytext", mytext);
   alert(mytext);
            return true;
}
</script>
<script src="../js/jquery-1.7.1.min.js"></script>
<script src="../js/jqm-docs.js"></script>
<script src="../js/jquery.mobile-1.2.0-alpha.1.js"></script>
</head>
<body>

<div data-role="page" class="type-interior">
<form name="myform" onsubmit="tosubmit();" action="/confirm.html">

<div data-role="content" class="ui-body">
<div class="content-primary">
<div data-role="fieldcontain">
        <label for="username">Username :</label>
        <input type="text" name="username" id="username"/>
</div>

<div data-role="fieldcontain">
        <label for="password">Password :</label>
        <input type="password" name="password" id="password"/>
</div>
<input type="submit" value="Submit">

</div><!--/content-primary -->

</div><!-- /content -->


<div data-role="footer" class="footer-docs" data-theme="c">
<p>&copy; 2012 jQuery Foundation and other contributors</p>
</div>
</form>
</div><!-- /page -->

</body>
</html>



and confirm.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Popup</title>
<link rel="stylesheet"  href="../css/jquery.mobile-1.2.0-alpha.1.css" />
<link rel="stylesheet" href="../css/jqm-docs.css"/>
<script>

    // Called on body's `onload` event
    function init() {
        // Retrieving the text input's value which was stored into localStorage
        var mytext = localStorage.getItem("mytext");

        // Writing the value in the document
        document.write("passed value = "+mytext);
    }

</script>
<script src="../js/jquery-1.7.1.min.js"></script>
<script src="../js/jqm-docs.js"></script>
<script src="../js/jquery.mobile-1.2.0-alpha.1.js"></script>
</head>    

<body onload="init();">

</body>

</html>