title: display all the values when i submit in form with edit and delete buttons
body: <ul>
  <li>I am trying to display all the values when i submit in form with edit and delete buttons</li>
  <li>but right now they are displaying only one values...</li>
  <li>when i display new value the old value is replaced by new value...</li>
  <li>can you tell me how to fix it...</li>
  <li>providing my code in codpen below</li>
  </ul>
  
  <p><a href="http://codepen.io/schikara/pen/bpRMMq?editors=1010" rel="nofollow">http://codepen.io/schikara/pen/bpRMMq?editors=1010</a></p>
  
  <pre><code>$('#localStorageTest').submit(function(e) {
      e.preventDefault();
      var email = $('#email').val();
      var name = $('#name').val();
      var message = $('#message').val();
      var div = "&lt;div&gt;&lt;span&gt;"+name+"&lt;/span&gt;&lt;span &gt;"+email+"&lt;/span&gt;&lt;span&gt;"+message+"&lt;/span&gt;&lt;input type='button' value='Edit' name='editHistory'&gt;&lt;input type='button' value='Delete' name='deleteHistory'&gt;&lt;/div&gt;";  //add your data in span, p, input.. 
      //alert(div);
  
      $('.gettingValues').html(div); //apendd the div
      $('#localStorageTest')[0].reset(); //clear the form 
      localStorage.clear();
   });
  </code></pre>