title: Using custom icons in jquery mobile list
body: <p>I have found documentation on using custom icons for <a href="http://jquerymobile.com/demos/1.0/docs/buttons/buttons-icons.html" rel="nofollow">jQuery mobile buttons</a> and how to <a href="http://jquerymobile.com/test/docs/lists/lists-themes.html" rel="nofollow">customize lists using existing icons</a> but I am unable to find how to add custom icons to list views (i.e. PNGs I have created my self).</p>
  
  <p>I have tried setting the <code>data-url</code>:</p>
  
  <pre><code>&lt;li data-icon="action-arrow"&gt;...&lt;/li&gt;
  </code></pre>
  
  <p>to the name of the png file as explained in the <a href="http://jquerymobile.com/demos/1.0/docs/buttons/buttons-icons.html" rel="nofollow">jQuery mobile buttons</a> but this doesn't work.</p>