title: How to store multiple items in local storage using an input field
body: <p>Im working on a small database for a Vinyl collection. Ik would like to make a list of all the vinyl records i have by entering each item in an input menu wich stores the data in local storage and displays them on the same html page.</p>
  
  <p>The problem is:
  i can only store a maximum of 1 item in the local storage.
  When i enter a second item the first item is lost.
  So i can only recall the last stored item in my local store.</p>
  
  <p>How can i create a list of multiple item using local storage?
  i've tryed lookingit up but i just can't make it work.</p>
  
  <p>Here's my code:</p>
  
  <pre><code>$(document).ready(function(){
  $("#content").append("&lt;tr&gt;&lt;td&gt;" + localStorage.Album + "&lt;/td&gt;" + "&lt;td&gt;" + localStorage.Artist + "&lt;/td&gt;" + "&lt;td&gt;" + localStorage.Year + "&lt;/td&gt;" + "&lt;td&gt;" + localStorage.State + "&lt;/td&gt;&lt;/tr&gt;");
  $("#save").click(function() {
  
  
  
  
  var album = $('#album').val();
   var artiest = $('#artiest').val();
    var jaar = $('#jaar').val();
     var staat = $('#staat :selected').text();
  localStorage.Album = album;
  localStorage.Artist = artiest;
  localStorage.Year = jaar;
  localStorage.State = staat;
  $("#inhoud").append("&lt;tr&gt;&lt;td&gt;" + localStorage.Album + "&lt;/td&gt;" + "&lt;td&gt;"
  localStorage.Artist + "&lt;/td&gt;" + "&lt;td&gt;" + localStorage.Year + "&lt;/td&gt;" + "&lt;td&gt;"
  localStorage.State + "&lt;/td&gt;&lt;/tr&gt;");
  });
  });
  </code></pre>