title: Keeping a DIV Closed for a duration
body: <p>I have this markup with me</p>
  
  <pre><code>&lt;div id="message"&gt;
      &lt;h2&gt;Some Heading&lt;/h2&gt;
      &lt;span&gt;
              &lt;img src=""  alt="close"&gt;&lt;/img&gt; 
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When I click on the image, the DIV disappears</p>
  
  <pre><code>$("#message").click(function() {
          $(this).fadeOut("slow");
  });
  </code></pre>
  
  <p>But when I refresh the page, it appears again. Now I found out that the <a href="https://github.com/carhartl/jquery-cookie/tree/v1.4.0" rel="nofollow">jquery-cookie</a> plugin is the way to go to make sure the DIV doesn't appear again but I am unable to wire it up with this example.</p>
  
  <p>I basically want to set the cookie to hide the div for 7 days. After 7 days when someone visits the page, show the div again.</p>
  
  <p>Any ideas?</p>
  
  <p>Here's a fiddle <a href="http://jsfiddle.net/8gaGm/1/" rel="nofollow">http://jsfiddle.net/8gaGm/1/</a></p>