html5 localStorage save input fields into form on keyup
HTML
<form id="myForm">
<div id="div-1" class="staff">
name1<input type="name" name="name" value="44">
age1<input type="number" name="age" value="">
</div>
<div id="div-2" class="staff">
name2<input type="name" name="name" value="">
age2<input type="number" name="age" value="77">
</div>
<div id="div-3" class="staff">
name3<input type="name" name="name" value="marcelle">
age3<input type="number" name="age" value="">
</div>
</form>
JavaScript
var input = document.getElementsByTagName('input');
//retrieve
for (var i = 0; i < input.length; i++){
input[i].value = localStorage.getItem(i);
}
jQuery("input").keyup(function () {
for (var i = 0; i < input.length; i++){
localStorage.setItem(i, input[i].value);
}
});