Kendo UI Mobile base

HTML

<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1315/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.229/styles/kendo.mobile.all.min.css">
<div data-role="view" id="foo" data-model="vm">        
    <div data-role="button" data-bind="click: bump">Add item</div>
    
    <div data-template="crazyTemplate" data-bind="source: itemsource"></div>
</div>

<script type="text/x-kendo-template" id="crazyTemplate">
   <ul data-role="listview" data-style="inset" data-type="group">
       <li>
           Found #= data.count# items
           <ul>
               #for(var i = 0; i < data.items.length; i ++) { #
                   <li> #=data.items[i].value#</li>
               #}#
           </ul>
       </li>
   </ul>
</script>

JavaScript

var vm = new kendo.data.ObservableObject({ 
    items:[{
        name: "item1",
        value: "value1"
    },{
        name: "item2",
        value: "value2"
    }],
    count: function() { 
        return { count: this.get("items").length };
    },
    itemsource: function() {
        return {
            items: this.get("items"),
            count: this.get("items").length 
        };
    },
    bump: function() {
        items = vm.get("items").push({ name: "blah", value:"blah"});
    }
});

new kendo.mobile.Application();