title: Alert Bootstrap with Cookie
body: <p>i tried to use the alert from bootstrap to take a cookie notification.
  I used the following code:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"&gt;
  
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"&gt;
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" &lt;/script&gt;
  
  &lt;script src="src/jquery.cookie.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  jQuery(function( $ ){
  
  // Check if alert has been closed
  if( $.cookie('alert-box') === 'closed' ){
  
      $('.alert').hide();
  
  }
  
   // Grab your button (based on your posted html)
  $('.close').click(function( e ){
  
      // Do not perform default action when button is clicked
      e.preventDefault();
  
      /* If you just want the cookie for a session don't provide an expires
       Set the path as root, so the cookie will be valid across the whole site     */
      $.cookie('alert-box', 'closed', { expire 7, path: '/' });
  
  });
  
  });
  &lt;/script&gt;
  
  &lt;!-- Body Markup --&gt;
  &lt;div class="alert alert-info fade in"&gt;            
          &lt;button type="button" class="close" data-dismiss="alert"&gt;×&lt;/button&gt;
          &lt;strong&gt; ALERT BODY&lt;/strong&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The fiddle link is:
  <a href="http://jsfiddle.net/Nighteyes/fy0w1vLc/" rel="nofollow">http://jsfiddle.net/Nighteyes/fy0w1vLc/</a></p>
  
  <p>Now i want that a cookie is set after push the close button. The cookie expire after 7 days.</p>
  
  <p>Can anyone help me please?</p>
  
  <p>Nighteyes</p>