title: Populate menu with a text file eg text.txt
body: <p>I am trying to build a kiosk on a local machine only. I'm planning to use JavaScript to make the menu lists functional. Here is my html code example.</p>
  
  <pre><code>&lt;ul class="sf-menu"&gt;
          &lt;li class="current"&gt;
              &lt;a href="#a"&gt;Area1&lt;/a&gt;
                  &lt;ul&gt;
                      &lt;li&gt;
                          &lt;a href="#aa"&gt;John's Store &lt;/a&gt;
                      &lt;/li&gt;
                          &lt;li class="current"&gt;
                              &lt;a href="#ab"&gt;Katy's store&lt;/a&gt;
                                  &lt;ul&gt;
                                      &lt;li class="current"&gt;&lt;a href="#"&gt;Orange&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a href="#aba"&gt;Watermelon&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a href="#abb"&gt;Apple&lt;/a&gt;&lt;/li&gt;
  
                                  &lt;/ul&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
  
                              &lt;a href="#"&gt;Catherine's Store&lt;/a&gt;
                                  &lt;ul&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;Banana&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;Pear&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;Cherry&lt;/a&gt;&lt;/li&gt;
  
                                  &lt;/ul&gt;
                          &lt;/li&gt;
  
                  &lt;/ul&gt;
          &lt;/li&gt;
  
          &lt;li&gt;
              &lt;a href="#"&gt;Area2&lt;/a&gt;
                  &lt;ul&gt;
                          &lt;li&gt;
                              &lt;a href="#"&gt;Peter&lt;/a&gt;
                                  &lt;ul&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;Apple&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;Rockmelon&lt;/a&gt;&lt;/li&gt;
  
  
                                  &lt;/ul&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;a href="#"&gt;Lynda&lt;/a&gt;
                                  &lt;ul&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;Strawberry&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;Jackfruit&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;Orange&lt;/a&gt;&lt;/li&gt;
  
                                  &lt;/ul&gt;
                          &lt;/li&gt;
  
                      &lt;/ul&gt;
              &lt;/li&gt; &lt;!--current--&gt;
  
      &lt;/ul&gt; &lt;!--sf-menu--&gt;
  </code></pre>
  
  <p>The person who is going to update/change the menu(which is going to be massive) is going to use a simple text file eg notepad - .txt (for certain reasons). Is there any way to update the menu items with a simple text file? Can I use a JavaScript or jQuery plugin/code?</p>
  
  <p>Any direction would be appreciated.</p>