jQuery Mobile Smart Filtering

filterCallback.js

$.mobile.listview.prototype.options.filterCallback = function( test, searchValue, item ) {
    var list = item.closest( "[data-role='listview']" ),
        selector, matches, compare, caseSensitive;
    
    selector = list.data( "selector" );
    if ( selector ) {
        text = item.find( selector ).text();
    } else {
        text = item.jqmData( "filtertext" ) || item.text();
    }
    text = $.trim( text );
    
    caseSensitive = list.data( "caseSensitive" ) || false;
    if ( !caseSensitive ) {
        searchValue = searchValue.toLowerCase();
        text = text.toLowerCase();
    }
    
    compare = list.data( "compare" ) || "*=";
    if ( compare === "*=" ) {
        matches = text.indexOf( searchValue ) >= 0;
    } else if ( compare === "^=" ) {
        matches = text.indexOf( searchValue ) === 0; 
    } else if ( compare === "$=" ) {
        matches = text.lastIndexOf( searchValue ) === ( text.length - searchValue.length );  
    } 
        
    return !matches;
};    

markup.html

<ul id="members" data-role="listview" data-filter="true" data-selector="h3" data-compare="^=">
    <li>
        <a href="index.html">
            <h3>Rey Bango</h3>
            <p><strong>Evangelist</strong></p>
            <p>Florida, United States</p>
        </a>
    </li>
    <!-- ... -->
</ul>