Kendo UI

jQuery + Kendo UI + MockJax

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.blueopal.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1007/js/kendo.all.min.js"></script>
<script src="https://raw.github.com/appendto/jquery-mockjax/master/jquery.mockjax.js"></script>
<script src="https://getfirebug.com/firebug-lite.js"></script>
<script id="template" type="text/x-kendo-template">
    <div id="content">
        # $.each(data, function(index, value) { #
            <p style='color: #= this #'>#= this #</p>
        # }); #
    </div>  
</script>

<div id="main"></div>

CSS

#content {
    font-weight: bold;
}

JavaScript

var colors = [ 'blue', 'black', 'orange' ];

var template = kendo.template($("#template").html());
$("#main").html(template(colors));