title: local storage table
body: <p>i am storing my values into a local storage, and i am trying to display the information in a table, but it doesnt seem to work and it always outputs it into the first column go down vertically. 
  for example i want it to come out like this when i enter my information</p>
  
  <p>|Balance|Name|Quantity|Price|</p>
  
  <p>|  100  |test|  100   | 1.99|</p>
  
  <p>but instead it is currently displaying like this:</p>
  
  <p>|Balance|Name|Quantity|Price|
  |100|
  |test|
  |100|
  |1.99|</p>
  
  <p>This is the code for my local storage </p>
  
  <pre><code>function save(item) {
              var playlistArray = getStoreArray("playlist");
              playlistArray.push(item);
              localStorage.setItem("playlist", JSON.stringify(playlistArray));
          }
  
  function Load_storage() {
              var playlistArray = get_Storage();
              var ul = document.getElementById("playlist");
              if (playlistArray != null) {
  
                  for (var i = 0; i &lt; playlistArray.length; i++) 
                  {
                      var li = document.createElement("table");
                  li.innerHTML = playlistArray[i];
                      ul.appendChild(li);
                                                                                          }
              }
          } 
  
  function get_Storage() {
              return getStoreArray("playlist");
          }
  
  function getStoreArray(key) {
              var playlistArray = localStorage.getItem(key);
              if (! playlistArray) {
                  playlistArray = new Array();
              }
              else {
                  playlistArray = JSON.parse(playlistArray);
              }
              return playlistArray;
          }
  </code></pre>
  
  <p>And i put into my local storage via this function </p>
  
  <pre><code>   var table=document.getElementById("myTable");
     var row=table.insertRow(1);
     var cell1=row.insertCell(0); // bank account
     var cell2=row.insertCell(1); // name
     var cell3=row.insertCell(2); // Quantity
     var cell4=row.insertCell(3); // price
  
     cell1.innerHTML=Balance ;                // bank account
     cell2.innerHTML=name;            //stock symbol
     cell3.innerHTML=quantity;            // Quantity
     cell4.innerHTML=price;               // bought
              var SAVE= document.getElementById("myTable");
                  SAVE.appendChild(row);
  
                  save(cell1.innerHTML);
                  save(cell2.innerHTML);
                  save(cell3.innerHTML);
                  save(cell4.innerHTML);                  
   //  save(Balance+"......................."+
                  name+"......................."+
                  quantity+"......................."+
                  price + ".......................");
  </code></pre>
  
  <p>this is commented out because it will always show the line but i dont want it that way even tho this way does work</p>