title: How do I add a 'don't show this message again' checkbox with localstorage?
body: <p>I have a bootstrap alert.</p>
  
  <pre><code>&lt;div class="checkbox"&gt;
      &lt;label&gt;
          &lt;input type="checkbox"&gt; Don't show this again!
      &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If the checkbox is clicked and alert is dissmissed</p>
  
  <pre><code>&lt;button type="button" class="close" data-dismiss="alert" aria-label="Close"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;/button&gt;
  </code></pre>
  
  <p>I don't want to show the alert ever again. I am wondering if this can be done with 
  <a href="http://www.w3schools.com/js/js_cookies.asp" rel="nofollow noreferrer">http://www.w3schools.com/js/js_cookies.asp</a></p>
  
  <pre><code>$('#checkbox').click(function() {
      if ($('#checkbox').attr('checked')) {
          document.cookie="alert=dismiss";
      }
  })
  </code></pre>
  
  <p>and then if there is a cookie hide the message <code>$.hide</code> method?</p>
  
  <p><strong>Updated with Solution</strong></p>
  
  <pre><code>var oldBrowser = $.browser.msie &amp;&amp; parseInt($.browser.versionNumber) &lt; 9;
  
  //message is dismissed via storage
  var dissmissed = amplify.store("DoNotShowMessageAgain");
  
  // if oldbrowers and not dismissed
  if (oldBrowser &amp;&amp; !dissmissed) {
       $( "#browserAlert" ).show();
  }
  
  
  // Don't show message again
  $('#browserAlert .close').click(function(){
  if ($('.checkbox input').is(':checked')) {
       amplify.store( "DoNotShowMessageAgain", true );
   }
  }) 
  </code></pre>