Hello_doT.html

<script src="~/Scripts/jquery.js" type="text/javascript"></script>
<script src="~/Scripts/doT.js" type="text/javascript"></script>
<script type="text/javascript">
  $(document).ready(function() {
    var template = $("#my-dot-template");
    var dotted = doT.template(template.html());
    
    // I'm building up an object here with literals
    // but typically this data would be returned by an ajax request
    var data = {};
    data.Name = "Matthew D. Groves";
    data.City = "Funkytown, USA";
    data.ShoeSize = 13;

    $("#output").html(dotted(data));
  });
</script>
<div id="output"></div>