JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
<div data-role="page">
   <div data-role="header">
       <h3>JQM Test</h3>
   </div>
   <div data-role="content">
        <ul data-role="listview">
            <li>Acura</li>
            <li>Audi</li>
            <li>BMW</li>
            <li>Cadillac</li>
            <li>Ferrari</li>
        </ul>
   </div>
   <div data-role="footer" data-position="fixed">
       <h4>Footer</h4>
   </div>
</div>

CSS

.highlightRow{
	background-color: #34c2e3;
	text-shadow: 1px 1px 1px black;
	color: white;
}

JavaScript

$('li').click(function(){
    $(this).toogleClass('highlightRow');
});