Estoy tratando de pasar 4 variables de una página a otra usando jQuery por alguna razón no me funciona.

Esto es lo que tengo:

Página 1

 //After clicking in the button that submit the form in page 1 $("#undefined-652").click(function () { var first_nameV = $("input[name='first_name']").val(); var last_nameV = $("input[name='last_name']").val(); var emailV = $("input[name='email']").val(); var phoneV = $("input[name='phone']").val(); //to set null in value localStorage.setItem("first_name_val",""); localStorage.setItem("last_name_val",""); localStorage.setItem("email_val",""); localStorage.setItem("phone_val",""); //to set value localStorage.setItem("first_name_val",first_nameV); localStorage.setItem("last_name_val",last_nameV); localStorage.setItem("email_val",emailV); localStorage.setItem("phone_val",phoneV); });

Página 2

 $( document ).ready(function() { var v_first_name = localStorage.getItem("first_name_val"); var v_last_name = localStorage.getItem("last_name_val"); var v_email = localStorage.getItem("email_val"); var v_phone = localStorage.getItem("phone_val"); $("#first_21").val(v_first_name); $("#last_21").val(v_last_name); $("#input_22").val(v_email); $("#input_23_full").val(v_phone); });

Por alguna razón desconocida, esos campos están vacíos cuando se carga la página. Cualquier consejo o sugerencia será apreciada.