title: Put small icon inside listview JQuery Mobile
body: <p>Seems I can't put the icon correctly, can someone help me out?
  JQuery Mobile version: 1.4.2</p>
  
  <pre><code>&lt;div data-role="page" id="pageone"&gt;
  &lt;div data-role="main" class="ui-content"&gt;
  &lt;h2&gt;List With Thumbnails and Text&lt;/h2&gt;
  &lt;ul data-role="listview" data-inset="true"&gt;
  &lt;li&gt;
  &lt;a href="#"&gt;
  &lt;img src="chrome.png"&gt;
  &lt;h2&gt;Google Chrome&lt;/h2&gt;
  &lt;p&gt;&lt;img class='ui-icon-home ui-btn-icon-notext ui-btn-icon-left'/&gt; Google Chrome is a free, open-source web browser. Released in 2008.&lt;/p&gt;
  &lt;/a&gt;
  &lt;/li&gt;
  &lt;li&gt;
  &lt;a href="#"&gt;
  &lt;img src="firefox.png"&gt;
  &lt;h2&gt;Mozilla Firefox&lt;/h2&gt;
  &lt;p&gt;Firefox is a web browser from Mozilla. Released in 2004.&lt;/p&gt;
  &lt;/a&gt;
  &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>Result:</p>
  
  <p><img src="https://i.stack.imgur.com/VVWLQ.png" alt="enter image description here"></p>
  
  <p>I try to use this but doesn't work.</p>
  
  <pre><code>&lt;span&gt;&lt;i class='ui-icon-home ui-btn-icon-notext ui-btn-icon-left'&gt;Text&lt;/i&gt;&lt;/span&gt; 
  </code></pre>