JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.mobile.all.min.css">
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js"></script>
<div data-role="view" data-layout="app" data-title="Menu" id="scr_menu">
    <a href="#" id="mainlink">Click here</a>
</div>
        
        
<div data-role="view" data-layout="app" data-title="login" id="scr_jailcard_comment">
    Comment-out kendo.bind to see the two list items:
    <ul data-role="listview" data-style="inset"> 
        <li>one</li>
        <li>two</li>
    </ul>
</div>

JavaScript

var app = null;
function tap_ViewJailDoors(e) {
  //  kendo.bind("#scr_jailcard_comment", null); // Comment out to make it work
    app.navigate("#scr_jailcard_comment");
}
$(document).ready(function(){
    $("#mainlink").click(tap_ViewJailDoors);
});
app  = new kendo.mobile.Application($(document).body, { transition: "slide" });