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 id="test" data-role="view" data-model="viewModel">
    <div data-bind="source:groups" data-template="groupsTemplate"></div>
    <button data-role="button" data-bind="click:buttonClick">Add new Button</button>
</div>
<script id="groupsTemplate" type="text/x-kendo-template">
    <button data-role="button" data-bind="text:caption"></button>
</script>

JavaScript

var viewModel = kendo.observable({
    caption: "buttons",
    groups:[
        {name:"button1", caption:"First", error:""},
        {name:"button2", caption:"Second", error:""},
        {name:"button3", caption:"Third", error:""}
    ],
    buttonClick: function(){
        this.groups.push({name:"button4", caption:"Forth", error:""});
    }
});
//kendo.bind($('#test'), viewModel);
new kendo.mobile.Application();