将值从输入字段传递到localstorage并在js中访问它

Question

我想将输入字段的值传递给另一个div中的js函数。我认为我离正确的解决方案并不太远，但它不起作用，只返回一个空值。

<div id="Page1" class="page" style="">
Firstname: <input type="text" id="firstname" name="firstname"></br>
Date of Birth: <input type="text" id="dob" name="dob"></br>
<button onclick="locstor()" type="button">Save>
<script>
function locstor(){
  localStorage.setItem("firstname", $("#firstname").val());
localStorage.setItem("dob", $("#dob").val());
    }
</script>     
</div>

... 在另一个div：

var probe1 = localStorage.getItem("firstname");
var probe2 = localStorage.getItem("dob");
var teststim =  [probe1, "ERIC", "CHRIS", "PAUL", "ALEX", "JACK",
                 probe2, "4 APRIL", "27 JUNE", "9 DECEMBER", "19 MARCH", "20 OCTOBER"];

如果我使用probe1或probe2作为测试调用警报，则它为空。

我的错误在哪里？