Kendo UI Templates colon vs. equals

http://davidjmcclelland.com/etc/?p=2210

HTML

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

JavaScript

var htmlData = {name:"<b>Dave</b>"}; 

// assign the template object Kendo Template Object that uses a string to define itself. variable data inside the hash tags is replaced when applied to a target such as a div tag. ":" operator must follow first hash to get the escaped html. Note the htmlData "name" property is what it put in the template literal definition, not htmlData.

//var colonTemplateObject = kendo.template("<br/><br/><hr/><p style='text-align=center'>Using Colon operator: Today's speaker is #:name #</p><hr/>");

//var equalTemplateObject = kendo.template("<br/><br/><hr/><p style='text-align=center'>Using equal sign operator: Today's speaker is #=name #</p><hr/>");

// assign the template to a div to have the div replaced with the template, including an injection of the variable data

//$("#colonOpTargetDiv").html(colonTemplateObject(htmlData));
$("#colonOpTargetDiv").text("this is a test");
//$("#equalOpTargetDiv").html(equalTemplateObject(htmlData));