title: jQuery Cookie not working in Chrome
body: <p>I am using using jQuery cookie plugin. It is working fine in Firefox. When I am opening the same page in Chrome the value is always set to undefined. I can't find what the problem is.</p>
  
  <pre><code>$(document).ready(function () {
      alert($.cookie('Brit_vidests'));
      if ($.cookie('Brit_vidests') != '1') {
  
          var id = '#dialog';
  
          var maskHeight = $(document).height();
          var maskWidth = $(window).width();
          $("body").append('&lt;div id="mask"/&gt;');
          $('#mask').css({ 'width': maskWidth, 'height': maskHeight });
          $('#mask').fadeIn(1000);
          $('#mask').fadeTo("slow", 0.7);
          var winH = $(window).height();
          var winW = $(window).width();
          $(id).css('top', winH / 2 - $(id).height() / 2 - 20);
          $(id).css('left', winW / 2 - $(id).width() / 2 - 20);
          $(id).fadeIn(2000);
          $('.window .close').click(function (e) {
              e.preventDefault();
              $('#mask').hide();
              $('.window').hide();
              $('#mask').remove();
          });
  
          //if mask is clicked
          $('#mask').click(function () {
              // $(this).hide();
              //$('.window').hide();
              //$(this).remove();
          });
  
  
          $.cookie('Brit_vidests', '1', { expires: 60 });
      }
  
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/vamsikrishna981/X3ZfR/" rel="nofollow">JSFiddle</a></p>