JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css">
<script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.js"></script>
<!DOCTYPE html>
<html>
<head>
  <title>jQuery Mobile test page</title>
  <meta charset=utf-8 />
</head>
<body>
 <div data-role="page">
  <div data-role="header">
    <h1>Test with the latest Git build</h1>
  </div><!-- /header -->
  <div data-role="content">
      case 1:
      <ul data-role="listview" data-inset="true">
          <li>one</li>
          <li>two<div>a</li>
          </li>
          <li>three</li>
          <li>four</li>
      </ul>
      
      case 2:
      <ul data-role="listview" data-inset="true">
          <li>one</li>
          <li style="display:none;">two<div>a</li>
          </li>
          <li>three</li>
          <li>four</li>
      </ul>
  </div>
   <div data-role="footer">
    <h4>Optional footer</h4>
  </div><!-- /footer -->
</div><!-- /page -->
</body>
</html>