How To Store/Save Record On Browser Local Storage Using JQuery

Hello Friends, here i am sharing simple source code of to save record on browser.

To watch video so click Here

Source Code:

<html>

<head>

  <title> Local Storage Demo</title>

</head>

<script src="jquery-2.0.3.min.js">

</script>

<script>

  $(document).ready(function(){

    $("#save").click(function(){

    if($("#name").val()!=="" && $("#age").val()!=="")

{

     localStorage.setItem("name",$("#name").val());

     localStorage.setItem("age",$("#age").val());

           alert("Record Saved Succefully !!!");           

     $("#name").val("");

     $("#age").val("");

}

  });

  });

</script>

<body bgcolor="#333333" text="white">

  <center>

    <br><br>

   <h1> Save Record On Browser Local Storage Using JQUERY </h1>

   <br><br>   

    <div>

    Name : <input type="text" id="name" autofocus />

    Age : <input type="text" id="age" />

    <input type="button" value="SAVE" id="save"/>

   </div>

  </center>

</body>

</html>

To watch video so click here