title: Code not working in google chrome but works fine with Mozilla
body: <p>i am working on this fiddle with cookies. Here is the <a href="http://jsfiddle.net/arunpjohny/PzKUh/" rel="nofollow">link</a>. but it works fine with Mozilla for the first time. when i delete all the cookies but when ever i reopen the page it goes directly to the second div which has to be displayed after the button click from the first div. as well as the second div must be shown and first div must be hidden when refreshed. and even this does not work for chrome in any ways. any idea or suggestions to improve. thanks in advance. 
    here is my code:</p>
  
  <pre><code>       $('#sbut1').click(function() { 
         $('.cont1').show();
       $('#log1').hide();
          $.cookie('shown', true);
  
          });
  
       $(function() {
        if ($.cookie('shown')) {
           $('#sbut1').click()
         }
          });
  </code></pre>