Hi. I need help in saving form data into local Storage for my school project. I've done a lot of research on google but I don't know what went wrong with my code. Below are the test codes.

1.html
Code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="application/json">
	function storeEmail(){
		var Emails = [];
		if(localStorage.Emails) {
			Emails = JSON.parse(localStorage.Emails);
		}
		Emails.push(getElementById("email").value);
		localStorage.Emails = JSON.stringify(Emails);
	}
</script>
</head>

<body>
<div style="border:solid 1px;width:250px;">
<form action="2.html" method="get" onSubmit="storeEmail()">
<p>Email</p>
  <p>
    <input name="email" type="email" required="required" id="email" placeholder="Enter Email"/>
  </p>
  <p>
    <input type="submit" value="submit">
  </p>
</form>
</div>
</body>
</html>
2.html
Code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="application/json">
	function email_db(){
		var Emails = [];
		Emails = JSON.parse(localStorage.Emails);
		var out = "";
		var i;
		for(i = 0; i < localStorage.length; i++){
			out += '<tr><td>' + ++i + '</td><td>' + Emails[i] + '</td></tr>';
		}
		document.getElementById("table").innerHTML = out;
	}
</script>
<style type="text/css">
	table, tr, th, td {
		border:solid 1px;
	}
</style>
</head>

<body onLoad="email_db()">
<table id="table">
<tr><th>No.</th><th>Email</th></tr>
</table>
</body>
</html>
I can't add the data in 1.html into localStorage and I can't read the data in 2.html from localStorage.
Please help.