LocalStorage is considered to be the best solution for storing values permanently in the browser.!!
A good explanation about the LocalStorage can be found here.
This is my code used to save the value to the LocalStorage.
function saveLoginNameToLocalStorage()
{
if(typeof(Storage)!=="undefined")//checks whether the browser support localStorage
{
// you dont want to create a variable by var variablename,
// just give it as localStorage.yourVariableName, before assigning
// any values the variable is shown as undefined.
if(localStorage.userName && localStorage.userName !="" && localStorage.userName==document.getElementById("userName").value){
document.getElementById("redirectUrl").value=localStorage.redirectURI;
}
else{
localStorage.redirectURI="";
document.getElementById("redirectUrl").value="";
}
localStorage.userName=document.getElementById("userName").value;
localStorage.redirectURI="";
}
}
You can access the variable using localStorage.userName from anywhere in the browser. Worked well for me. ;-)
Thanks everyone for the help provided..!!