JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
<script id="movieTemplate" type="text/x-jquery-tmpl">
    <li><b>${Name}</b> ${AdjustedBoxOffice} [${RealBoxOffice} in ${ReleaseYear}]</li>
</script>
<script id="moviesTemplate" type="text/x-jquery-tmpl">
    <h1>${Title}</h1>
    <ol id="movieList">
    {{tmpl(Movies) "#movieTemplate"}}
    </ol>
</script>
<div></div>

JavaScript

var movies = { 
    Title: "Top Movies of All Time",
    Movies: [
        {
            Name: "Gone with the Wind", 
            ReleaseYear: "1977",
            AdjustedBoxOffice: "$1,606,254,800",
            RealBoxOffice: "$198,676,459"
        },
        {
            Name: "Star Wars", 
            ReleaseYear: "1977",
            AdjustedBoxOffice: "$1,416,050,800",
            RealBoxOffice: "$460,998,007"
        },
        {
            Name: "The Sound of Music", 
            ReleaseYear: "1965",
            AdjustedBoxOffice: "$1,132,202,200",
            RealBoxOffice: "$158,671,368"
        }
    ]
};

$( "#moviesTemplate" ).tmpl( movies )
        .appendTo( "div" );