How to save form to cookies, restore form from cookies. Requires jQuery and jQuery Cookie plugin.

formtocookie.js

/* 
 * Save Form To Cookie
 * (cc) Paul Philippov, [email protected]
 * 
 * This is rather a proof of concept than a production-ready solution.
 * It does not handle all kinds of fields.
 * You might want to extend it to suit your needs.
 *
 * Requirements:
 * 
 * - jQuery: https://github.com/jquery/jquery
 * - JavaScript Cookie: https://github.com/js-cookie/js-cookie
 *
 * Usage:
 *
 * <script src="jquery.js"></script>
 * <script src="js.cookie.js"></script>
 * <script>
 * $(function () {
 *     var myForm = $('#formid');
 *     loadFormFromCookie(myForm);
 *     myForm.submit(function() {
 *         saveFormToCookie(this);
 *     });
 * });
 * </script>
 */

(function ($) {
    $.fn.serializeJSON = function () {
        var json = {};
        jQuery.map($(this).serializeArray(), function (n, _) {
            json[n['name']] = n['value'];
        });
        return json;
    };
})(jQuery);

ensureNumber = function (n) {
    n = parseInt(n, 10);
    if (isNaN(n) || n <= 0) {
        n = 0;
    }
    return n;
};

saveFormToCookie = function (form) {
    var name = $(form).attr('id');
    var data = $(form).serializeJSON();
    Cookies.set(name, data, {expires: 365});
};

loadFormFromCookie = function (form) {
    var name = $(form).attr('id');
    var data = Cookies.get(name);

    if (typeof data === 'undefined') {
        return;
    }

    JSON.parse(data, function (key, value) {
        if (typeof (value) !== 'object') {
            var el = $(form).find('*[name="' + key + '"]');

            if (el.is('input')) {
                if (false) {
                    // code formatting stub
                } else if (el.attr('type') === 'number') {
                    el.val(ensureNumber(value));
                } else if (el.attr('type') === 'checkbox') {
                    if (el.val() === value) $(el).prop('checked', true);
                } else if (el.attr('type') === 'radio') {
                    $.each(el, function (_, elc) {
                        if (elc.value === value) $(elc).prop('checked', true);
                    });
                } else {
                    el.val(value);
                }
            } else if (el.is('select')) {
                el.val(value);
            } else if (el.is('textarea')) {
                el.val(value);
            }
        }
    });
};

Hey mate. I've tried using this code but it's not saving the form data to cookie? The value of the cookie that is being saved is just "{}"
Can you please confirm that this is working? Thanks!