Jquery Mobile - Customizing the icon in a listview

Example of Jquery mobile to demonstrate how to add a custom icon to a listview using data-icon="custom"

by Shreerang Patwardhan

HTML

<div data-role="content">
    <ul data-role="listview" data-inset="true">
        <li data-icon="custom">
            <a href="http://shreerangpatwardhan.blogspot.com">Spatial Unlimited</a>
        </li>
    </ul>
</div>

CSS

.ui-icon-custom {
	background-image: url("http://www.vodafone.co.uk/cs/groups/public/documents/webcontent/img_18x18_cross.png");
}