Kendo UI Grid template doesn't work in Firefox and Chrome - telerik-grid

Question

I have a Grid template in Kendo UI looking like the following:
<script id="rowTemplate" type="text/x-kendo-tmpl">
<tr class="row-template">
<td style="width:80px">
<div rowspan="4"><img src="../../Images/picture_temp.jpg" class="display_searchresults_picture"/></div>
</td>
<td>
<div class="display_searchresults_name">#= FirstName # #= LastName # </div>
<div align="right" width="100px">* * * * *(4.5)</div>
# for (var i = 0; i < Education.length; i++) { #
<div class="display_searchresults_address">#= Address.City #, #= Address.State # | #= Education[i].School.Name #</div>
# for (var j = 0; j < Education[i].Major.length; j++) { #
<div class="display_searchresults_info">#= Education[i].Major[j].Name # | #= Education[i].GraduationDate.Year # | 3.5-3.75</div>
# } #
# } #
<div class="display_searchresults_desc" colspan="2">#= Description #...</div>
</td>
</tr>
This template works like a charm in IE 9, but in Firefox it rendrers as:
#= FirstName # #= LastName #
* * * * *(4.5)
# for (var i = 0; i < Education.length; i++) { #
#= Address.City #, #= Address.State # | #= Education[i].School.Name #
# for (var j = 0; j < Education[i].Major.length; j++) { #
#= Education[i].Major[j].Name # | #= Education[i].GraduationDate.Year # | 3.5-3.75
# } # # } #
#= Description #...
Basically, it renders as code, not as html.
As for Chrome, the grid doesn't get rendered there at all. How can I make Kendo UI Grid template work for other browsers?

Answer 1

Hello your template seems to be working fine. Here is it in action JsBin.
You can check the console to see if there are any JavaScript errors when you are using your data. If any of the fields like Education is not defined it might break the template.