title: showing listview data in html5 from database using javascript and json
body: <p>Showing listview data in html5 from database using java script and json. Click listview is Show detail. I can make show listview but can't show detail. The changing page. Listview 1 page, Detail 1 page.</p>
  
  <p>This is code run successful. but can't show detail.</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-js lang-js prettyprint-override"><code>   $(function() {
  
     var people = [];
     var json = "your url";       
   
     $.getJSON(json, function(json1) {
         $.each(json1, function(key, data) {       
       
        $('#myUL').append('&lt;li data-id="' + data.VendorCode + '"&gt;&lt;a href="#"&gt;&lt;img src="http://Order%20Custumer/images/'+data.VendorCode+'.png"/&gt;&lt;h3 style="color:#FFCC00"&gt;' + data.LocalDesc + '&lt;/h3&gt;&lt;p style="color:#FF9"&gt;' + data.EngDesc + '&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;');
          });
    
          $('#myUL').listview('refresh');    
     });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE HTML&gt;
  &lt;!--
   Intensify by TEMPLATED
   templated.co @templatedco
   Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
  --&gt;
  &lt;html&gt;
   &lt;head&gt;
    &lt;title&gt;Salad Lovers&lt;/title&gt;
    &lt;meta charset="utf-8" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1" /&gt;
  &lt;/head&gt;    
    
  &lt;body&gt;
  &lt;ul id="myUL" data-role="listview" data-inset="true"&gt;
  &lt;/ul&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>