title: What script for storing/passing value from html page1 to page2
body: <p>I am making a listview and I want to pass some value such as "name", "info", "hap", "lat" and "lon" to page2.html. What is the correct or best way to do it? In php, I use POST or GET is there some better way to do it?  If GET is the way to go, how to implement it in page2? Yes, I am googled still unsure how to do it correctly.</p>
  
  <pre><code>&lt;div data-role="page" id="manual"&gt;
      &lt;div data-role="header" data-theme="b"&gt;
          &lt;a onClick="javascript: history.go(-1)" data-icon="back"&gt;Back&lt;/a&gt;
          &lt;h1&gt;Manual&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div data-role="content"&gt;
          &lt;ul id="directory" data-role="listview" data-inset="false"
              data-filter="true"&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  function parseXML(xml) {
      $(xml).find("cat").each(
              function() {
                  name = $(this).attr("name");
                  info = $(this).attr("info");
                  hap = $(this).attr("hap");
                  lat = $(this).attr("lat");
                  lon = $(this).attr("lon");
                  code = $(this).attr("code");
                  $("#directory").append(
                          "&lt;li&gt;&lt;a href=\"page2.html?name=\"" + name + "&gt;" + name + "&lt;/a&gt;&lt;/li&gt;");
              });
  }
  </code></pre>