JSFiddle - React, Tailwind, and code Playground

HTML

<ul></ul>

JavaScript

<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
<script src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js" ></script>

<script id="mwl707" type="text/x-handlebars-template">
<h2>HERE</h2>

{{#dateline.days }}
  <span>{{food}} : {{drink}}</span>
{{/dateline.days}}

</script>

<script>
$(document).ready(function() {
var source = $("#mwl707").html();
var template = Handlebars.compile(source);

dataset = {header: ' header' } //
dateline = { content: 'list of dates' } 
    monday  =  { "food":"teacake" , "drink":"orange" }
    tuesday = { "food":"eggs" , "drink":"beer" }

dateline.days = []
dateline.days.push(monday)
dateline.days.push(tuesday)
dataset.dateline = dateline 


$("ul").append(template( dataset ));

})
</script>