JSFiddle - React, Tailwind, and code Playground

HTML

<h3>First page</h3>
<form id="form1">
  <input name="name" type="text">
  <input name="email" type="email">
  <button type="submit">Continue</button>
</form>
<hr>
<h3>Second page</h3>
<button id="showdata">Show data in localStorage</button>

JavaScript

//Form data on first page
$("#form1").submit(function(){
  var jsondata = JSON.stringify($("#form1").serializeArray());
  localStorage.setItem("form1-jsondata", jsondata);
  //go to the next page
  console.log(jsondata);
  return false;
});

//Get de dat on the second page
$("#showdata").click(function(){
  var jsondata = localStorage.getItem("form1-jsondata");
  var objData = JSON.parse(jsondata);
  console.log(objData);
});