JSFiddle - React, Tailwind, and code Playground

by jbmoelker

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css">
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
    <div data-role="page" class="type-interior">
        <div data-role="header" data-theme="f">
            <a href="#" id="loadMyFilter">load my filter</a>
            <h1>List dividers</h1>
        </div><!-- /header -->

        <div data-role="content">
                <ul id="myFilter" data-role="listview" data-filter="true" data-filter-placeholder="Search people..." data-filter-theme="b">
                    <li data-role="list-divider">A</li>
                    <li><a href="index.html">Adam Kinkaid</a></li>
                    <li><a href="index.html">Alex Wickerham</a></li>
                    <li><a href="index.html">Avery Johnson</a></li>
                    <li data-role="list-divider">B</li>
                    <li><a href="index.html">Bob Cabot</a></li>
                    <li data-role="list-divider">C</li>
                    <li><a href="index.html">Caleb Booth</a></li>
                    <li><a href="index.html">Christopher Adams</a></li>
                    <li><a href="index.html">Culver James</a></li>
                    <li data-role="list-divider">D</li>
                    <li><a href="index.html">David Walsh</a></li>
                    <li><a href="index.html">Drake Alfred</a></li>
                    <li data-role="list-divider">E</li>
                    <li><a href="index.html">Elizabeth Bacon</a></li>
                    <li><a href="index.html">Emery Parker</a></li>
                    <li><a href="index.html">Enid Voldon</a></li>
                    <li data-role="list-divider">F</li>
                    <li><a href="index.html">Francis Wall</a></li>
                    <li data-role="list-divider">G</li>
                    <li><a href="index.html">Graham Smith</a></li>
                   ...

JavaScript

$('#loadMyFilter').bind('click',function(e){  
    
    e.preventDefault();
    
    $('#myFilter').prev('form[role="search"]').find('input[data-type="search"]')
        .val("Ad")
        .trigger('change');
    
});