title: How to insert html with innerHtml correct?
body: <p>I want to use <a href="http://www.w3schools.com/jquerymobile/tryit.asp?filename=tryjqmob_lists_split2" rel="nofollow">ListView</a> in my android WebView and I have created <code>json</code> to send my variable to <code>JavaScript</code>.It works but when I append html line with <code>innerHtml</code> my page like below and I can't see any error on <code>Inspect Element</code></p>
  
  <p><a href="http://uupload.ir/files/fyfp_capture.png" rel="nofollow">Image</a></p>
  
  <p>Html Code :</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1" charset="utf-8"&gt;
  &lt;link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css"&gt;
  &lt;script src="js/jquery-1.11.2.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/jquery.mobile-1.4.5.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body onLoad="getDir()"&gt;
  &lt;div data-role="page" id="pageone" style="float:right !important"&gt;
    &lt;div data-role="main" class="ui-content" id="dir_list"&gt;
    &lt;/div&gt;
  &lt;/div&gt; 
  
  &lt;div data-role="page" id="download" data-dialog="true"&gt;
    &lt;div data-role="main" class="ui-content"&gt;
      &lt;a href="#" class="ui-btn ui-btn-inline ui-shadow ui-corner-all ui-btn-inline ui-mini" data-rel="back"&gt;حذف&lt;/a&gt;
      &lt;a href="#" class="ui-btn ui-btn-inline ui-shadow ui-corner-all ui-btn-inline ui-mini" data-rel="back"&gt;تغییر نام&lt;/a&gt;
    &lt;/div&gt;
  &lt;/div&gt; 
  &lt;script&gt;
      function fill_dir()
      {
          return AndroidFunction.list();
      }
      //-------------------
      function getDir()
      {
          var text = fill_dir();
          //alert(text);
          document.getElementById('dir_list').innerHTML = "";
          var obj = JSON.parse(text);
          var txt = "&lt;ul data-role=\"listview\" data-inset=\"true\"&gt;";
          for (i = 0; i &lt; obj.List.length; i++)
          {
              txt += "&lt;li&gt;&lt;a href=\"#\"&gt;&lt;img src=\"images/letter2.png\"&gt;&lt;h2&gt;"+obj.List[i].DIR+"&lt;/h2&gt;&lt;/a&gt;&lt;a href=\"#download\" data-transition=\"pop\" data-icon=\"gear\"&gt;Download Browser&lt;/a&gt;&lt;/li&gt;";
          }
          document.getElementById('dir_list').innerHTML += txt+"&lt;/ul&gt;";
      }
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>