title: LocalStorage append New Element
body: <p>his is : <a href="https://jsfiddle.net/b9x54LLy/" rel="nofollow noreferrer"><strong>My First JSFiddle</strong></a>. It just appends <code>&lt;li&gt;&lt;/li&gt;</code>. It works for LocalStorage and shows the result</p>
  
  <pre><code>$(".nav").append($("&lt;li&gt;&lt;/li&gt;").html(inputan));
  </code></pre>
  
  <p>I want append like <a href="https://jsfiddle.net/1g4nb67q/" rel="nofollow noreferrer"><strong>My Second JSFiddle</strong></a>:</p>
  
  <pre><code>var addFolder = '&lt;li&gt;' +
    '&lt;div class="zf-folder"&gt;' +
      '&lt;a&gt;&lt;/a&gt;' +
    '&lt;/div&gt;' +
  '&lt;/li&gt;';
  
  $(".nav").append($(addFolder).html(inputan));
  </code></pre>
  
  <p>This works for LocalStorage, but is not showing a result when the page is reloaded. I want to use use a method like that because my code looks like this :</p>
  
  <p><a href="https://i.stack.imgur.com/5W0PF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5W0PF.png" alt=""></a></p>
  
  <p>With append method <code>$('.nav').append(addFolder);</code></p>
  
  <p>How can I display LocalStorage result with my second jsFiddle method?</p>