JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.css">
<div data-role="content">
    <div data-role="fieldcontain">    
        <ul data-role="listview" data-filter="true">
            <li><a href=#>Acura</a></li>
            <li><a href=#>Audi</a></li>
            <li><a href=#>BMW</a></li>
        </ul>
    </div>
    <div data-role="fieldcontain">       
       <input type="button" onclick="clearFilter()" value="Clear"/>
    </div>
</div>

JavaScript

function clearFilter(){
    $('input[data-type="search"]').val("");
    $('input[data-type="search"]').trigger("keyup");
}