If I cut down your code to a bare minimum:
<!DOCTYPE html>
<html>
<body>
<h1>The Window Object</h1>
<h2>The localStorage Property</h2>
<p>Saved name is:</p>
<p id="demo"></p>
<script>
var formDataIn = {name: "OriginalGriff", email: "Me@Me.Me"};
localStorage.setItem("formData", JSON.stringify(formDataIn));
var formDataOut = localStorage.getItem("formData");
if (formDataOut) {
formDataOut = JSON.parse(formDataOut);
console.log(formDataOut);
}
</script>
</body>
</html>
And look in the Developer Tools...Application...Storage...LocalStorage...website then I see the data:
formData {"name":"OriginalGriff","email":"Me@Me.Me"}
So ... either you are looking in the wrong place, or your code is failing before you get to the
setItem
call. Try adding
console.log
lines to trace your code through and see how far it gets.