Pass Data One page to other Page using HTML

Page1.html

<html>
<body>
<form>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
Name:
<input type="text" id="txtName" name="Name" value="Jithil John" />
<br />
<br />
<input type="button" id="btnQueryString" value="Send" />
<script type="text/javascript">
$(function() {
$("#btnQueryString").bind("click", function() {
var url = "Page2.htm?name=" + encodeURIComponent($("#txtName").val());
window.location.href = url;
});
});
</script>
<br />
</form>
</body>
</html>
Page2.html
<html>
<body>
<form id="form1">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
var queryString = new Array();
$(function() {
if (queryString.length == 0) {
if (window.location.search.split('?').length > 1) {
var params = window.location.search.split('?')[1].split('&');
for (var i = 0; i < params.length; i++) {
var key = params[i].split('=')[0];
var value = decodeURIComponent(params[i].split('=')[1]);
queryString[key] = value;
}
}
}
if (queryString["name"] != null) {
var data = "<b>Name:</b> " + queryString["name"];
$("#lblData").html(data);
}
});
</script>
<span id="lblData"></span>
</form>
</body>
</html>