jquery - jCookieを使用してCSSフォントサイズを保存する

Question

現在、サイトの上部に3つのリンクを作成しようとしています。これらのリンクは、アンカーがクリックされたときに本文のフォントサイズを変更し、jCookieを使用して保存されるため、ユーザーが戻ってきたときにフォントサイズが選択したサイズのままになります。ページ。

これが私がすでに持っているものです：私のリンク：

<ul id="fonts">
    <li><a href="#" id="normal" rel="100%">Normal</a></li>
    <li><a href="#" id="large"  rel="110%">Large</a></li>
    <li><a href="#" id="largest"rel="120%">Largest</a></li>
</ul>

これが私のjQueryです：

  jQuery(document).ready(function(){    
       if(jQuery.cookie("font")) {
          jQuery("#all").css("font-size", jQuery.cookie("font"));
       }

       jQuery('#csschange li a').click(function() {
          jQuery("link.changeme").attr("href", jQuery(this).attr('rel'));
             jQuery.cookie("css",jQuery(this).attr('rel'), {expires: 365, path: '/'});
                    return false;
          });
       });
   });

変数「font」がセッションに保存されているかどうかを確認しています。保存されている場合は、本文のcssを変更して、フォントサイズをこの保存されている変数に変更します。以前はこれを機能させていましたが、今回は問題が発生しているようです。誰かがこれに光を当てることができますか？どうもありがとう！