AutoComplete - Select event

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="messages"></div>
    
<script id="msg-template" type="text/x-kendo-template">
<div>
    <h4>From: ${FullName}</h4>
    <h4>To: ${To}</h4>
</div>
<div data-bind="html: Body"></div>
<span>${Body}</span>
</script>

JavaScript

messageData = [{
    FullName: "Donald Duck",
    To: "Mickey Mouse",
    Body: "The cat sat on the mat"},
{
    FullName: "Donald Duck",
    To: "Mickey Mouse",
    Body: "it was the &lt;strong&gt;best &lt;/strong&gt;of times, it &lt;em&gt;was &lt;/em&gt;the worst of &lt;span style=\"text-decoration:underline;\"&gt;times&lt;/span&gt;."}];

var msgTemplate = kendo.template($("#msg-template").html());
$("#messages").html(kendo.render(msgTemplate, messageData));