JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css">
<div data-role="page" id="home" data-theme="d">
            <div data-role="header" data-theme="b">
                <h1>Test</h1>
            </div>

            <div data-role="content">
                <ul data-role="listview" data-inset="true">
                    <li><a href="#">Item 1</a><a href="#" class="split"></a></li>
                    <li><a href="#">Item 2</a><a href="#" class="split"></a></li>
                    <li><a href="#">Item 3</a><a href="#" class="split"></a></li>
                </ul>
            </div>
        </div>

JavaScript

$(document).delegate("#home", "pageinit", function() {
                $(".split").click(function() {
                    var $li = $(this).parent();
                    var $ul = $li.parent();
                    $li.remove();
                    $ul.listview("refresh");
                });
            });