JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ofbiz-gwt.googlecode.com/svn-history/r183/trunk/components/gwt/webapp/gwt/src/org/ofbiz/gwt/user/public/jquery/jquery.deserialize.js"></script>
<form action="" id="form" method="post">
    <input name="name" type="text" value="test" />
    <div class="radio">
        <input id="unique-v1" name="unique" type="radio" value="v1" /><label for="unique-v1">Primero</label><br />
        <input id="unique-v2" name="unique" type="radio" value="v2" checked="checked" /><label for="unique-v2">Segundo</label><br />
        <input id="unique-v3" name="unique" type="radio" value="v3" /><label for="unique-v3">Tercero</label>
    </div>
    <hr/>
    <div class="checkbox">
        <input id="multiple-r1" name="multiple-r1" type="checkbox" /><label for="multiple-r1">Primero</label><br />
        <input id="multiple-r2" name="multiple-r2" type="checkbox" /><label for="multiple-r2">Segundo</label><br />
        <input id="multiple-r3" name="multiple-r3" type="checkbox" /><label for="multiple-r3">Tercero</label>
    </div>
    <input type="button" value="save" id="save" />
    <input type="button" value="restore" id="restore" />
 </form>

JavaScript

var rawdata = '';
$(document).ready(function () {
    $("#form #save").click(function() {
        rawdata = $("#form").serialize();
        console.log(rawdata)
        return false;
    });
    $("#form #restore").click(function() {
        $("#form").deserialize(rawdata);
        return false;
    });
});