text hightlight

<!DOCTYPE html>
<html>
<head>
    <title>My Page</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        .highlight { background-color: yellow }
    </style>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://johannburkard.de/resources/Johann/jquery.highlight-4.closure.js"></script>
    <script>
    var text = $("#myset").text();
    $( document ).on( "mobileinit", function(){
        $.mobile.listview.prototype.options.filterCallback = function( text, searchValue ) {
            // only show items that *begin* with the search string
            console.log(searchValue)
            if(searchValue.length == 0){
                $('p').removeHighlight();
            }
            var myregexp = new RegExp(searchValue, "ig");
            var matches = text.match(myregexp);
            if(matches && text.match(myregexp).length){
                $('p').removeHighlight();
                $('p').highlight(searchValue);
                return false;
            }else{
                return true;
            }
        };
    });
    </script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head>
<body>
<div data-role="collapsible-set" id="myset">
    <div data-role="listview" data-filter="true">
        <div class="collapsibleDirectory" data-role="collapsible">
            <H3>Accounting</H3>
            <p>Tyee Carr, Visiting professor<br />
            Phone: <a href="tel:3605469264">360-546-9264</a><br />
            Location: VCLS 308 A<br />
            Email: <a href="mailto:[email protected]">[email protected]</a></p>

            <p>Jane Cote, Acedemic Director - College of Business<br />
            Phone: <a href="tel:3605469756">360-546-9756</a><br />
            Location: VCLS 308 D<br />
            Email: <a href="mailto:[email protected]">[email protected]</a></p>

            <p>Claire Kamm Latham, Associate Professor<br />
            Phone: <a href="tel:3605469757">360-546-9757</a><br />
            Location: VCLS 308 Q<br />
            Email: <a href="mailto:[email protected]">[email protected]</a></p>

            <p>Brian Routh, Faculty and IMA Faculty Advisor<br />
            Phone: <a href="tel:3605469338">360-546-9338</a><br />
            Location: VCLS 308 T<br />
            Email: <a href="mailto:[email protected]">[email protected]</a></p>

            <p>Debra Sanders, Professor, Associate Director, Master of Program<br />
            Phone: <a href="tel:3605469147">360-546-9147</a><br />
            Location: VCLS 308 F<br />
            Email: <a href="mailto:[email protected]">[email protected]</a></p>

            <p>Ben Kulp, Acedemic Coordinator<br />
            Phone: <a href="tel:3605469551">360-546-9551</a><br />
            Location: VCLS 308 B<br />
            Email: <a href="mailto:[email protected]">[email protected]</a></p>

            <p>Mary Stender, Acedemic Coordinator<br />
            Phone: <a href="tel:3605469751">360-546-9751</a><br />
            Location: VCLS 308 C<br />
            Email: <a href="mailto:[email protected]">[email protected]</a></p>
        </div>
    </div>
</div>
</body>
</html>