Simple HTML5 Local Storage example to hide a element

index.html

<button id="hide-button">Hide</button>
<button id="show-button">Show</button>

<div id="sign-up-form">
    <p>Sign up form</p>
 </div>

Simple-HTML5-Local-Storage.js

Need to include Modernizer (http://www.modernizr.com/) and jQuery (http://jquery.com/)

$(document).ready(function($){

if (Modernizr.localstorage) {

  $('#hide-button').click(function(e){
    localStorage.setItem('subscribed',true);
      $('#sign-up-form,#hide-button').hide();
      $('#hide-button').hide();
      $('#show-button').show();
  });

  $('#show-button').click(function(e){
      localStorage.setItem('subscribed',true);
      localStorage.clear();
      $('#sign-up-form,#hide-button').show();
      $('#show-button').hide();
  });
   
  var is_subscribed = localStorage.getItem('subscribed');
   
  if(is_subscribed){
    console.log('localStorage')
    $('#sign-up-form,#hide-button').hide();
  }
    
  if(!is_subscribed){
    console.log('no localStorage');
    $('#sign-up-form').show();
    $('#show-button').hide();
  }
    
} 

});