JQuery: невозможно установить cookie в $(кнопка).click

Question

Я вроде новичок в JQuery... Я хотел бы сохранить значение поля формы в виде cookie, как только я нажму на кнопку, но это, похоже, не работает. Код, который я использую, является следующим

$(function() {
  $("#myButtonId").click( function() {
     var myVar = $('#myTextField').val();
     $.cookie("cookie", myVar);

     //i try the next line just to control if the cookie was saved
     alert($.cookie("cookie"));
   });
});

Когда появляется всплывающее предупреждение, оно просто показывает "undefined" как вывод (то есть cookie не был установлен), если я установил cookie вне функции щелчка, он работает нормально.

РЕДАКТИРОВАТЬ: если я могу помочь... кнопка является кнопкой отправки для входа в мое веб-приложение, я хочу сохранить данные для входа в систему, поэтому при следующем открытии приложения мне не нужно переписывать данные для входа