Cookie для трех текстовых полей с использованием jquery

Question

У меня есть 3 текстовых поля на моей странице. Я хочу сохранить предыдущие значения после обновления. У меня есть следующее. Проблема в том, что даже если я ввожу три разных значения, все текстовые поля имеют одинаковое значение (первого) после обновления. Где я иду не так?

$(document).ready(function() { 
     $(".companyname").val($.cookie("companyname")||''); 
     $(".companyname1").val($.cookie("companyname1")||''); 
     $(".companyname2").val($.cookie("companyname2")||''); 
     $('#submit').click(function(){ 
      var value = $('.companyname').val(); 
      $.cookie('companyname', value); 
      var value1 = $('.companyname1').val(); 
      $.cookie('companyname1', value); 
      var value2 = $('.companyname2').val(); 
      $.cookie('companyname2', value); 
      window.location.reload(); 
     }); 
}); 

Это мои элементы

<input type="text" name = "companyname" class = "companyname"> <br/> 
    <input type="text" name = "companyname1" class = "companyname1"> <br/> 
    <input type="text" name = "companyname2" class = "companyname2"> <br/> 
    <input type="Submit" value = " Submit " id="submit"> 

Answer 1

Оверлукед линии

$.cookie('companyname', value); 

Вот исправленный код:

 $(document).ready(function() { 
     $(".companyname").val($.cookie("companyname")||''); 
     $(".companyname1").val($.cookie("companyname1")||''); 
     $(".companyname2").val($.cookie("companyname2")||''); 
     $('#submit').click(function(){ 
      var value = $('.companyname').val(); 
      $.cookie('companyname', value); 
      var value1 = $('.companyname1').val(); 
      $.cookie('companyname1', value1); 
      var value2 = $('.companyname2').val(); 
      $.cookie('companyname2', value2); 
      window.location.reload(); 
     }); 
    });