This is the info from the JQM documentation but I can't seem to get it to work.
http://jquerymobile.com/test/docs/lis...
Autodividers
A listview can be configured to automatically generate dividers for its items. This is done by adding a data-autodividers="true" attribute to any listview.
By default, the text used to create dividers is the uppercased first letter of the item's text. Alternatively you can specify divider text by setting the autodividersSelector option on the listview programmatically. For example, to add a custom selector to the element with id="mylistview":
$("#mylistview").listview({
autodividers: true,
// the selector function is passed a element from the listview;
// it should return the appropriate divider text for that
// element as a string
autodividersSelector: function ( li ) {
var out = /* generate a string based on the content of li */;
return out;
}
});
Note that if you are using formatted list items that contain a floating element (for example ui-li-aside), this element precedes its siblings regardless of the order in your HTML markup. This results in the first character of the floating element being used as divider text. Therefore it is recommended to specify the divider text in this case.
If new list items are added to the list or removed from it, the dividers are not automatically updated: you should call refresh() on the listview to redraw the autodividers.
