How to make use of it:

1. Insert the minified model of the jform plugin after jQuery.

<script src="https://code.jquery.com/jquery-1.12.4.min.js" 
        integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" 
        crossorigin="anonymous">
</script>
<script src="js/jform.min.js"></script>

2. Convert the form information to a JavaScript object.

<form action="#" id="form">
  First name:<br>
  <input type="text" name="firstname" value="Mickey">
  <br>
  Last name:<br>
  <input type="text" name="lastname" value="Mouse">
  <br><br>
  <input type="submit" value="Submit">
</form>

$(function(){

  var obj = $('#form').jform();

});

3. Parse the JavaScript object as JSON.

var json = JSON.parse(obj);

4. Populate your HTML form with the JSON information.

$('#form').jform(json);

JSON To Form And Form To JSON Converter, jform jQuery Plugin/Github, save html form data to json file using jquery

See Demo And Download