Kendo UI Mobile base

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.mobile.all.min.css">
<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<div data-role="view" id="first" data-title="Title" data-layout="footer" data-init="bindForm">
    <header data-role="header">
        <div data-role="navbar">
            <span data-role="view-title">Title</span>            
        </div>
    </header>
 
    <ul id="condition-list" data-role="listview" data-style="inset" data-type="group">

        <li>                
            Step：
            <ul>
                <li>
                    <input id="switch" type="checkbox" data-role="switch" data-bind="checked:ob.switch" data-change="change"/>
                    <div >
                         Test： 
                    </div>
                </li>
            </ul>            
        </li>


    </ul>

</div>

<div data-role="layout" data-id="footer" >       
    <div data-role="footer" id="footer">
        <div data-role="tabstrip" id="nav-tab" data-select="selectChange">
            <a data-icon="bookmarks" data-link="@Url.Content("~/User/MModule/Index")"></a>
            <a data-icon="search" data-link="@Url.Content("~/User/MModule/Customers")"></a>
            <a data-icon="action" data-link="@Url.Content("~/Account/MobileLogOff")"></a>
        </div>
    </div>
</div>

JavaScript

$(function () {
     app = new kendo.mobile.Application(document.body, { transition: "slide", platform: "ios" });
});

var bindForm = function(){
    var viewModel = kendo.observable({"test":"123"});
    kendo.bind($("#condition-list"), viewModel, kendo.mobile.ui);
}