frozen columns fail

by grippstick

HTML

<link rel="stylesheet" href="http://babackofficedev.radolo.com/kendo/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://babackofficedev.radolo.com/Kendo/Styles/kendo.flat.min.css">
<script src="http://babackofficedev.radolo.com/Kendo/js/jquery.min.js"></script>
<script src="http://babackofficedev.radolo.com/Kendo/js/kendo.all.min.js"></script>
<div id='container'>binding is awesome!
    <div data-role='grid' data-bind='source:months' data-columns='[{field:"value",template:"<span data-bind=\"click:clickMe,text:value\"></span>!",width:"600px"},{field:"value",template:"#=value#!",width:"600px"},{field:"text",template:"<span data-bind=\"text:text\"></span>!",width:"600px"}]'></div>
    <br/>binding on frozen columns doesnt work
    <div data-role='grid' data-bind='source:months' data-columns='[{field:"value",template:"<span data-bind=\"click:clickMe,text:value\"></span>!",locked:true,width:"600px"},{field:"value",template:"#=value#!",locked:true,width:"600px"},{field:"text",template:"<span data-bind=\"text:text\"></span>!",width:"600px"}]'></div>    
</div>

JavaScript

var $container = $('#container');

var vm = new kendo.observable({
    clickMe:function(){alert('yay');},
    months: new kendo.data.DataSource({
        data: [{
            value: 1,
            text: 'January'
        }, {
            value: 2,
            text: 'February'
        }, {
            value: 3,
            text: 'March'
        }]
    })
});


kendo.bind($container, vm);