title: Theme switcher not working , no cookie
body: <p>I am using this method shown here <a href="http://leihu.com/thoughts/e/switching-styles-silently" rel="nofollow">http://leihu.com/thoughts/e/switching-styles-silently</a></p>
  
  <p>Here is my head </p>
  
  <pre><code>&lt;link href="default.css" title="common-styles" type="text/css" rel="stylesheet" class="theme"&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="jquery.cookie.js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And here is my html and script for the stylesheet switcher. While its working to toggle back and fourth between the 2 sheets , on page refresh its not remembering the last stylesheet chosen.</p>
  
  <pre><code>&lt;ul class="themes"&gt;
      &lt;li&gt;&lt;a href="#" rel="default.css"&gt;Default&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" rel="alternative.css"&gt;Alternative&lt;/a&gt;&lt;/li&gt;  
  &lt;/ul&gt;
  
  
  &lt;script type="text/javascript"&gt;
  $(document).ready(function(){   
          $('.themes a').on('click',function(){
              $('.theme').attr('href',$(this).attr('rel'));
              $.cookie('theme-cookie',$(this).attr('rel'), {expires: 365, path: '/', domain: '.mysite.com'});
              return false;
          });
  
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I have changed mysite.com to my own site ofc , and i think i have done everything correctly but not setting a cookie for some reason.</p>