pass data between two html pages using jquery

Question

How can I pass variables between two html pages using jQuery?

file1.html

<form>
  First name : <input type="text" id="firstname"/>
</form>

file2.html:

<p> <!--retrieve firstname here --> </p>

Answer 1

You could use localStorage:

// Store (on first page)
localStorage.setItem("firstname", "Smith");

// Retrieve (on second page)
var firstname = localStorage.getItem("firstname");