Kendo UI Mobile base
HTML
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.515/styles/kendo.mobile.all.min.css">
<script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.all.min.js"></script>
<div data-role="view" data-init="initFavorites">
<ul id="favorites" data-role="listview" data-template="favoritesTemplate" data-source="sortedFavorites">
</ul>
</div>
<script type= "text/x-kendo-template" id="favoritesTemplate">
<a onClick=showSwimmer('${data.SwimmerID}')>${data.Firstname + ' ' + data.Lastname}</a>
<a data-role="detailbutton" data-icon="refresh"></a>
</script>
JavaScript
new kendo.mobile.Application();
var sortedFavorites = [
{ SwimmerID: 1, Firstname: "Foo", Lastname: "Bar" },
{ SwimmerID: 2, Firstname: "Baz", Lastname: "Qux" }
];