After spending a decent amount of time trying to figure out why my listview didn't work, I discovered that the following code doesn't work:
<ul data-role="listview" data-style="inset">
<li data-icon="toprated">
<a>Nairobi</a>
</li>
</ul>
However this work:
<ul data-role="listview" data-style="inset">
<li data-icon="toprated"><a>Nairobi</a></li>
</ul>
It seems that adding a space between the <li> and the <a> makes it break, causing no icons or links to work correctly (doesn't load the view but treats it as an external link). This is in build 2012.1.406.
Just wanted to point it out for anybody else who might struggle with this. :-)
<ul data-role="listview" data-style="inset">
<li data-icon="toprated">
<a>Nairobi</a>
</li>
</ul>
<ul data-role="listview" data-style="inset">
<li data-icon="toprated"><a>Nairobi</a></li>
</ul>
Just wanted to point it out for anybody else who might struggle with this. :-)