title: How to display form data onclick of submit button in html page without using Database
body: <p>Iam developing a Jquery Mobile app - Song Lyrics which is having a single page index.html where I have manually added few songs in List view. Now I want to add new Song Lyrics which must be displayed in List view. I have a form where user fills : Song name,Lyricist name &amp; song Lyrics. I don't want to use Database. so now my question is how to store the form Data &amp; display it in List view. Is there any way to save the Dynamic form data in some .txt file &amp; display it on html page or any other way, I have tried so may ways but could not find solution. 
  Please help thank you.
  Here is my Code index.html Page</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Mobile App using Jquery&lt;/title&gt;
   &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /&gt;
      &lt;script src="http://code.jquery.com/jquery-1.11.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"&gt;&lt;/script&gt;
   &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no"&gt;
   &lt;link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9" crossorigin="anonymous"&gt;
   &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"&gt;
   &lt;style&gt;
   .fullscreen{
     max-width: 100%;
     height: auto;
   }
   h1{
      font-size: 14pt;
      color: #E76C67;
      margin-top: 0%;
   }
   h2{
      font-size: 12pt;
      color: #444444;
      margin-top: -3%;
   }
   &lt;/style&gt;
    &lt;/head&gt;
  &lt;body&gt;
  &lt;!--Index Page startes Here --&gt; 
  
  
  &lt;div data-role="page" id="demo-page" data-url="demo-page"&gt;
      &lt;div data-role="header"&gt;
            &lt;h1&gt;Gospel Songs &lt;/h1&gt;
              &lt;a href="#" id="home" data-icon="home" data-iconpos="notext"&gt; Home&lt;/a&gt;
  
          &lt;a href="#" class="jqm-search-link ui-shadow ui-btn ui-btn-icon-notext ui-corner-all ui-icon-search ui-nodisc-icon ui-alt-icon ui-btn-right"&gt;Search&lt;/a&gt;
      &lt;/div&gt;&lt;!-- /header --&gt;
      &lt;div role="main" class="ui-content"&gt;
          &lt;ul data-role="listview" data-autodividers="true" id="sortedList" data-filter="true"&gt;
               &lt;li&gt;&lt;a href="#"&gt;&lt;h1&gt;All The Way My Saviour Leads Me lyrics&lt;/h1&gt;
      &lt;p&gt;All the way my Savior leads me
  What have I to ask beside?....
  &lt;/p&gt;
     &lt;a href="#A1"&gt; &lt;/a&gt;
      &lt;/a&gt;
         &lt;/li&gt;
         &lt;li&gt;&lt;a href="#"&gt;&lt;h1&gt;Amazing Grace lyrics&lt;/h1&gt;
      &lt;p&gt;"Amazing Grace, how sweet the sound,...&lt;/p&gt;
      &lt;a href="#A2" &gt; &lt;/a&gt;
      &lt;/a&gt;
       &lt;/li&gt;
  
              &lt;li&gt;&lt;a href="#"&gt;&lt;h1&gt;&lt;span id='display_song_name'&gt;&lt;/span&gt; &lt;/h1&gt; &lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;&lt;!-- /listview --&gt;
      &lt;/div&gt;&lt;!-- /content --&gt;
  &lt;footer data-role="footer" data-position="fixed"&gt; 
    &lt;nav data-role="navbar"&gt;     
     &lt;ul&gt;    
      &lt;li&gt;&lt;a href="index.html" data-icon="home"&gt; Home &lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="index.html" data-icon="grid"&gt;Photos&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="#add_song" data-icon="plus" data-transition="flip" id="#add_song"&gt; Add Song &lt;/a&gt; &lt;/li&gt;
     &lt;/ul&gt;  
    &lt;/nav&gt;
  
  &lt;/footer&gt;&lt;!-- /footer --&gt;
  &lt;/div&gt;
  
  &lt;div data-role="page" id="add_song"&gt;
       &lt;div data-role="header"&gt;
              &lt;h1&gt;Add Songs Lyrics&lt;/h1&gt;
              &lt;a href="index.html" id="home" data-icon="back" data-iconpos="notext"&gt; Home&lt;/a&gt;
     
       &lt;/div&gt;
        &lt;div role="main" class="ui-contain"&gt;
     &lt;form id="myform" type="post"&gt;
         &lt;label for="basic"&gt;Song Name:&lt;/label&gt;
         &lt;input type="text" name="name" id="song_name" value=""&gt;
      &lt;label for="basic"&gt;lyricist Name:&lt;/label&gt;
         &lt;input type="text" name="name" id="lyricist_name" value=""&gt;
      &lt;label for="textarea"&gt;Song Lyrics:&lt;/label&gt;
         &lt;textarea name="song_lyrics" id="song_lyrics"&gt;&lt;/textarea&gt;
      &lt;input type="submit" value="submit"&gt;
      &lt;/form&gt;
       &lt;/div&gt;
  &lt;footer data-role="footer" data-position="fixed"&gt; 
    &lt;nav data-role="navbar"&gt;     
     &lt;ul&gt;    
      &lt;li&gt;&lt;a href="index.html" data-icon="home"&gt; Home &lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="index.html" data-icon="grid"&gt;Photos&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="" data-icon="plus" id="add_song"&gt; Add Song &lt;/a&gt; &lt;/li&gt;
     &lt;/ul&gt;  
    &lt;/nav&gt;
  &lt;/footer&gt;&lt;!-- /footer --&gt;
  
  &lt;/div&gt;&lt;!-- ADD_SONG_PAGE content --&gt;
  
  
  
  
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have a button in footer: Add Song when user click on button it takes us to new page: opens form.</p>