Создание файла cookie для запоминания значения инструмента масштабирования шрифта

Question

Я пытаюсь создать файл cookie jQuery, чтобы запомнить новый размер шрифта, сгенерированный приведенным ниже кодом.Я уже использую jQuery Cookies в своем проекте для другой функции, но не могу понять, как это сделать.

Это jQuery, который я использую, чтобы позволить пользователям выбирать размер шрифта, который лучше всего подходит для них:

  $(document).ready(function(){
  var resize = new Array('p','.resizable');
  resize = resize.join(',');
  //resets the font size when "reset" is clicked
  var resetFont = $(resize).css('font-size');
    $("#reset").click(function(){
      $(resize).css('font-size', resetFont);
   //reset theme color
        $("#trenbiz" ).attr("href", "/js/skin/skin1.css" );
        return false;
    });

  //increases font size when "+" is clicked
  $("#increase").click(function(){
    var originalFontSize = $(resize).css('font-size');
    var originalFontNumber = parseFloat(originalFontSize, 10);
    var newFontSize = originalFontNumber*1.1;
    $(resize).css('font-size', newFontSize);
    return false;
  });

  //decrease font size when "-" is clicked

  $("#decrease").click(function(){
    var originalFontSize = $(resize).css('font-size');
    var originalFontNumber = parseFloat(originalFontSize, 10);
    var newFontSize = originalFontNumber*0.8;
    $(resize).css('font-size', newFontSize);
    return false;
  });

Я пытался следовать документу jQuery Cookies и просто заполнил базовый пример своими именами классов: $.cookie('font-size', 'newFontSize');, но это не сработало.Не уверен, что оно не получает значение или не применяет его.

Любая помощь будет очень признательна!