Local Storage et jquery

Bonjour,
J'ai une div (formulaire) qui apparaît quand on click sur un bouton,
Je dois pouvoir avec jquery stocké les informations du formulaire.
Pour des raisons techniques, je ne peux pas utiliser de PHP je me suis donc tournée vers localStorage qui me semble simple, mais qui ne fonctionne pas très bien avec mon code :

$(document).ready(function(){
  var i = 5;

  $('.addbox').click(function(){ 
      $('.formdiv').removeClass('formdiv');
      $('#formulaire').addClass('formdivdisplay');
  });

  $('#submit').click(function(){
      var titre = $('#titleform').val();
      var chemin = $('#chemin').val();
      var name = $('#name').val();
      var statue = $('#statue').val();
      var side = $('#select').val();

      localStorage.setItem('titre', titre);
      localStorage.setItem('chemin', chemin);
      localStorage.setItem('name', name);
      localStorage.setItem('statue', statue);
      localStorage.setItem('side', side);

      i = i + 1;

 });

    function drawBox(){
       var block = '<div class="boxindex'+ i +'"><h1 class="boxtitle animated fadeInUp delay-500ms">'+ localStorage.getItem('titre') +'</h1></div>';

       localStorage.setItem('block', block);     

      $('.container').append(localStorage.getItem('block'));

    }   
});

Je souhaite que quand l'utilisateur clique sur valider local storage stock toutes ces informations et ensuite faire apparaître du code html et css (plus tard) avec les données qu'il vient d'entrées et que le code html reste évidemment sur la page indéfiniment.

Merci.