title: Display saved localstorage keys in div/table
body: <p>I've looked up and down and have found a few references to recovering localstorage key-value pairs and displaying them in tables/divs/lists/etc, but have had no luck on my end. </p>
  
  <p>I have been able to save the key-value pairs as a string from form input fields into localstorage using json-stringify and have confirmed so with safari's web inspector/resource viewer.</p>
  
  <p>My issue is displaying a representation of the key-value pair in a table/div/list so that the user can click on the saved key and reload the values into the form. The saved keys will not load into the div upon <code>updateJobsList()</code> but the console throws no errors so there must be something completely wrong.</p>
  
  <p>Below is the pertinent sample code from my js file.</p>
  
  <pre><code>function updateJobsList() {
  var jobs = localStorage.length
  var s = '&lt;h2&gt;Jobs&lt;/h2&gt;';
  s+= '&lt;ul&gt;';
  for (var i=0;i&lt;jobs;i++) {
    var jobName = localStorage.key(i);
    s+= '&lt;li&gt;'+
        '&lt;div style="float:right;"&gt;'+
        '&lt;input type="button" value="Load" onclick="readLocal(\''+jobName+'\');"/'+'&gt; '+
        '&lt;input type="button" value="Delete" onclick="deleteLocal(\''+jobName+'\');"/'+'&gt; '+
        '&lt;/div&gt;'+
        '&lt;strong&gt;'+jobName+'&lt;/strong&gt;'+
        '&lt;/li&gt;';
    }
    $('jobs').innerHTML = s+'&lt;/ul&gt;';
  }
  </code></pre>