Ключ JQuery не определен в локальном хранилище

Желая иметь возможность опроса нескольких человек, затем обновить и т.д. Необходимо, чтобы несколько человек могли хранить опрос на основе их имени, поэтому каждый результат опроса не перезаписывается при повторном представлении. Попытка получить ключи, хранящиеся для каждого текстового поля, выводит "человек". "Name" = значение. вместо этого im получает значение undefined.name =

<p>
<label>Name:</label> <input name="MainName" type="text"/>
</p>

$('form').submit(function() {
 var person = $("#MainName").val();
 $('input, select, textarea').each(function() {
   var value = $(this).val(),
       name = $(this).attr('name');
       localStorage[person + "." + name] = value;

     console.log('stored key: '+name+' stored value: '+value);
});   
});

Если проблема не показывает выше, вот все: http://jsfiddle.net/5sG8v/