jQuery plugin to cache HTML inputs using local storage. Restores them upon next page load.

jquery.cach-inputs.js

// Cache user inputs into HTML5 local storage. Restore them upon next page load.
// Usage:
//   $('body').CacheInputs();
//
// Will store stringified JSON in local storage, against the key you specify
// or 'cache-inputs' if you omit it. See settings below.
//
// Author: Martin Drapeau
//
// Greatly inspired from Johnathan Schnittger
// Original source: http://www.developerdrive.com/2013/08/jquery-plugin-for-caching-forms-using-html5-local-storage/
//
(function($) {
    $.fn.CacheInputs = function(options) {
        var settings = $.extend({
			key: 'cache-inputs',
			inputs: [
				'input[type=text]',
				'input[type=radio]',
				'input[type=checkbox]',
				'select'
			]
		}, options);
        
        function on_change(event) {
            var $input = $(event.target),
				key = settings.key,
				id = $input.attr('id'),
				data = JSON.parse(localStorage[key]);
			
            if ($input.attr('type') == 'radio' || $input.attr('type') == 'checkbox') {
                data[id] = $input.is(':checked');
            } else {
                data[id] = $input.val();
            }
            
            localStorage[key] = JSON.stringify(data);
        }
        
        return this.each(function() {    
            var element = $(this),
				selector = settings.inputs.join(', ');
            
            if (typeof(Storage) !== "undefined") {
                var key = settings.key;
                
                var data = false;
                if (localStorage[key]) {
                    data = JSON.parse(localStorage[key]);
                }
                
                if (!data) {
                    localStorage[key] = JSON.stringify({});
                    data = JSON.parse(localStorage[key]);
                }
                element.find(selector).change(on_change);
                
                element.find(selector).each(function() {
                    if ($(this).attr('type') != 'submit') {
                        var $input = $(this),
							id = $input.attr('id'),
							value = data[id];
						if (value === undefined) return true;
                        if ($input.attr('type') == 'radio' || $input.attr('type') == 'checkbox') {
                            if (value) {
                                $input.attr('checked', true);
                            } else {
                                $input.removeAttr('checked');
                            }
                        } else {
                            $input.val(value);
                        }
                    }
                });
                
            }
        });
    };     
}(jQuery));

Thank you!