Register icon format in KendoUI grid

HTML

<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.blueopal.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css">
<div id="testGrid_1"></div>
<br />
<div id="testGrid_2"></div>
<br />
<a href='www.bing.com'>James<sup>&reg;</sup></a>

JavaScript

var data_1 = [{
    "FirstName": "James<sup>&reg;</sup>",
    "LastName": "Bond"}];

var columnDefinitions = [
    {
    field: "FirstName",
    title: "First Name",
    template: "<a href='www.bing.com'>${FirstName}</a>"},
{
    field: "LastName",
    title: "Last Name"}
];

$("#testGrid_1").kendoGrid({
    dataSource: {
        data: data_1
    },
    resizable: true
});

$("#testGrid_2").kendoGrid({
    dataSource: {
        data: data_1
    },
    columns: columnDefinitions
});