How to pass localstorage value to hidden filed when page get ready from client side

See more:

ASP

Javascript

jQuery

Hi I have locastorage value in one page, when open another page i want to pass that locastorage to hidden field when page get ready.

What I have tried:

When i try to pass , hidden field value empty in server side page load, i passed from client side, when i put alert msg , can get value from locastorage.

I think i passed value to hidden field before that control fully load in that page.
This i code

First Page - usernameN is textbox, on page submitt event i set value to localStorage

 <form id="form1" runat="server" onsubmit="myFunction()">
   
function myFunction() {
            localStorage.setItem("lsuser", $("#usernameN").val());
            
        }

On second page i use this code

$(document).ready(function () {
            var value = localStorage.getItem("lsuser");
    // alert(value);
    document.getElementById("lshduser").value = value;
        }
        )

But from server side page load lshduser is empty.
Any other method to pass value from client to server side page form one page to another page.

Note : except session variable in server side.

pls reply asap
Regards,
Aravind