Javascript 在第1页保存表单输入值，并在使用jQuery转到第2页时还原它们

我在第1页上有一个简单的注册表单，它将用户重定向到第2页，该页面具有高级注册表单：

所以，当用户点击“立即注册！”按钮时，我需要保存这4个输入值，当它将用户重定向到第2页表单时，第2页表单中必须已经填写了“名字”、“姓氏”、“电子邮件”和“复选框”值

我在第1页尝试了以下代码，用于在会话存储中保存数据：

jQuery（文档）.ready（函数（）{
jQuery（'.signup field.signup button'）。单击（函数（）{
sessionStorage.setItem（“first_name”，document.getElementById（“first_name”）.val）；
sessionStorage.setItem（“姓氏”，document.getElementById（“姓氏”）.val）；
sessionStorage.setItem（“email”，document.getElementById（“email”）.val）；
});
});

第2页上的此代码用于还原：

jQuery（文档）.ready（函数（$）{
if（sessionStorage.getItem（'first_name'）==“first_name”）{
返回；
}
var first_name=sessionStorage.getItem（'first_name'）；
if（名字！==null）
$（'#ws-plugin--s2member自定义注册字段名'）.val（名）；
var last_name=sessionStorage.getItem（'last_name'）；
如果（姓氏！==null）
$（'#ws-plugin--s2member自定义注册表字段姓氏'）.val（姓氏）；
var email=sessionStorage.getItem（'email'）；
如果（电子邮件！==null）
$（'user_email'）.val（email）；
});

然而，这对我不起作用。我的代码有什么问题？

这不存在：

 document.getElementById('email').val

标准JS语法应为：

  document.getElementById('email').value;

---

但是它对我不起作用。

-你能更具体一点吗？旁注-在这种情况下，最好创建一个包含所有属性的对象，只需在会话存储中输入一个条目，这样使用起来会更简单，代码也会更干净。