kendo listView declaritive

Declare listView via html element, template uses data-bind elements and works. Declare listView via constructor, template uses data-bind elements and DOES NOT work posted to kendo forum: http://www.kendoui.com/forums/framework/mvvm/declarative-vs-constructor-and-template-data-bind-elements.aspx#2204210

by jwstott

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<div id="inline">
    
</div>

<div id="bind" data-template="a_template" data-bind="source: inlineData" >
</div>

<script id="a_template" type="text/x-kendo-template">
    <span data-bind='text: lastName'></span>
</script>

JavaScript

var inlineTemplate = kendo.template("Hello, #= firstName # #= lastName #");
var inlineBind = kendo.template("<span data-bind='text: lastName'></span>");
var inlineData = { firstName: "John", lastName: "Doe" };

$("#inline").html(inlineBind (inlineData));
kendo.init($('#bind'));