JSFiddle - React, Tailwind, and code Playground

HTML

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

        <ul data-role="listview" data-autodividers="true" data-filter="true" data-inset="true">
            <li data-icon="check"><a href="#">Adam Kinkaid</a></li>
            <li data-icon="check"><a href="#">Alex Wickerham</a></li>
            <li data-icon="check"><a href="#">Avery Johnson</a></li>
            <li data-icon="check"><a href="#">Bob Cabot</a></li>
            <li data-icon="check"><a href="#">Caleb Booth</a></li>
            <li data-icon="check"><a href="#">Christopher Adams</a></li>
            <li data-icon="check"><a href="#">Culver James</a></li>
        </ul>

JavaScript

$("li").tap(function() {
    //Alert the old icon
    alert($(this).jqmData("icon"));
    
    //Toggle
    $(this).jqmData("icon") == "false" ? $(this).jqmData("icon", "check") :             $(this).jqmData("icon", "false");
    
    //Alert the new icon
    alert($(this).jqmData("icon"));
});