IF user name and password found in local storage go to index2 with user name and password

IF user name and password found in local storage go to index2 with user name and password

I have two page
index.html source page
index2.html destination
in source page (index.html) i have two input boxes for user name and password and check box remember me  and button login
1-if client write user name and password then checkbox remember me checked
then it will store data of user name and password in local storage
when open web application again it must open index2.html directly and 
index2.html have user name and password in this case
2- if check box not checked it will not store data of user name and password in local storage
in first case when remember me checkbox checked then click login it will store data in local storage
my problem i cannot do validation to local storage meaning
sot that i need to make following
if local storage of user name and password stored in local storage then go to index2 with user name and password stored in local storage
index.html

  1. @{
  2.     Layout = null;
  3. }

  5. <!DOCTYPE html>

  7. <html>
  8. <head>
  9.     <meta name="viewport" content="width=device-width" />
  10.     <title>Index</title>
  11.     <script src="~/Scripts/jquery-1.10.2.js"></script>
  12.     <script>
  13.         $(function () {

  15.             if (localStorage.chkbx && localStorage.chkbx != '') {
  16.        
  17.                 window.location.href = "/test/index2";
  18.             } else {
  19.                 $('#remember_me').removeAttr('checked');
  20.                 $('#username').val('');
  21.                 $('#pass').val('');
  22.             }

  24.             $('#btn').click(function () {

  26.                 if ($('#remember_me').is(':checked')) {
  27.                     // save username and password
  28.                     localStorage.usrname = $('#username').val();
  29.                     localStorage.pass = $('#pass').val();
  30.                     localStorage.chkbx = $('#remember_me').val();
  31.                    var url = "/test/index2?name=" + encodeURIComponent($("#username").val()) + "&pass=" + encodeURIComponent($("#pass").val());
  32.                    window.location.href = url;
  33.                 } else {
  34.                     localStorage.usrname = '';
  35.                     localStorage.pass = '';
  36.                     localStorage.chkbx = '';
  37.                 }
  38.             });
  39.         });
  40.     </script>
  41. </head>
  42. <body>
  43.     <div class="container">
  44.         <form class="form-signin">
  45.             <h2 class="form-signin-heading">Please sign in</h2>
  46.             <input type="text" class="input-block-level" placeholder="Email address" name="name" id='username'>
  47.             <input type="password" class="input-block-level" placeholder="Password" name="pass" id="pass">
  48.             <label class="checkbox">
  49.                 <input type="checkbox" value="remember-me" id="remember_me"> Remember me
  50.             </label>
  51.             <button class="btn btn-large btn-primary" type="submit" id="btn">Sign in</button>
  52.         </form>
  53.     </div> 
  54. </body>
  55. </html>
index2.html destination page

  1. @{
  2.     Layout = null;
  3. }

  5. <!DOCTYPE html>

  7. <html>
  8. <head>
  9.     <meta name="viewport" content="width=device-width" />
  10.     <title>Index2</title>
  11.     <script src="~/Scripts/jquery-1.10.2.js"></script>
  12.     <script>
  13.         var queryString = new Array();
  14.         $(function ()
  15.         {
  16.             if (queryString.length == 0) {
  17.                if (window.location.search.split('?').length > 1) {
  18.                    var params = window.location.search.split('?')[1].split('&');
  19.                    for (var i = 0; i < params.length; i++) {
  20.                        var key = params[i].split('=')[0];
  21.                         var value = decodeURIComponent(params[i].split('=')[1]);
  22.                         queryString[key] = value;
  23.                     }
  24.                 }
  25.             }
  26.            if (queryString["name"] != null && queryString["pass"] != null) {
  27.                var data = "<u>Values from QueryString</u><br /><br />";
  28.                data += "<b>Name:</b> " + queryString["name"] + " <b>pass:</b> " + queryString["pass"];
  29.                $("#lblData").html(data);
  30.             }
  31.     $("#btn").click(function ()
  32.     {
  33.         localStorage.clear();
  34.     });
  35.     });


  38.     </script>
  39. </head>
  40. <body>
  41.   Welcom 
  42.     <span id="lblData"></span>
  43.     <input type="button" value="clear" id="btn" />
  44. </body>
  45. </html>


sorry i cannot do that in fiddle because this is two pages