JSFiddle - React, Tailwind, and code Playground

by mwl707

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>

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

</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.monday = monday
dateline.tuesday = tuesday
dataset.dateline = dateline 


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

})
</script>