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">
        <p style='color: #= data #'>#= data #</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(kendo.render(template, colors));