JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>

<div data-role="page">
    <div data-role="content">
        <ul data-filter="true" data-role="listview">
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>
    </div>
</div>

JavaScript

$(document).on('pageinit', '.ui-page', function () {
    var $filterInput = $(this).find('.ui-listview').prev('.ui-listview-filter').find('input'),
        $clone       = $filterInput.clone(true);
    
    $filterInput.replaceWith($clone.attr('type', 'number'));
});