Checkbox Input Issue

by RodEsp

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.913/styles/kendo.mobile.all.min.css">
<script src="http://cdn.kendostatic.com/2012.2.913/js/kendo.mobile.min.js"></script>
    <div id="checks" data-role="view" data-title="Shopping List" data-layout="checklayout">
    <ul data-role="listview" data-style="inset">
        <li>
            <label>
                Lettuce
                <input type="checkbox" checked="checked" />
            </label>
        </li>
        <li>
            <label>
                Carrots
                <input type="checkbox" />
            </label>
        </li>
        <li>
            <label>
                <input type="checkbox" />
                Peas
            </label>
        </li>
        <li>
            <label>
                Bread
                <input type="checkbox" />
            </label>
        </li>
        <li>
            <label>
                Unicorns
                <input type="checkbox" />
            </label>
        </li>
    </ul>
</div>

JavaScript

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

//Change the resources to the following for a working example on mobile and broken on desktop.
//http://cdn.kendostatic.com/2012.2.710/js/kendo.mobile.min.js
//http://cdn.kendostatic.com/2012.2.710/styles/kendo.mobile.all.min.css

//Change to the following for a broken mobile example and working on desktop.
//http://cdn.kendostatic.com/2012.2.913/js/kendo.mobile.min.js
//http://cdn.kendostatic.com/2012.2.913/styles/kendo.mobile.all.min.css

//If you use the 710 js and the 913 styles then it works on both browser and mobile!
//http://cdn.kendostatic.com/2012.2.710/js/kendo.mobile.min.js
//http://cdn.kendostatic.com/2012.2.913/styles/kendo.mobile.all.min.css