JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script id="tpl" type="text/x-handlebars-template">
    <p>rootItem: {{rootItem}}</p>
    {{#if rootItem}}
    <p>if -> rootItem: {{rootItem}}</p>
    <p>if -> ../rootItem: {{../rootItem}}</p>
    {{/if}}
    <ul>
        {{#each otherItems}}
        <li>
            <strong>t: {{t}}</strong><br/>
            each -> ../rootItem inside each: {{../rootItem}}<br/>
            {{#if t}}
            each -> if -> t: {{t}}<br/>
            each -> if -> ../t: {{../t}}<br/>
            each -> if -> ../rootItem: {{../rootItem}}<br/>
            each -> if -> ../../rootItem: {{../../rootItem}}
            {{/if}}
        </li>
        {{/each}}
    </ul>
</script>

JavaScript

$(document).ready(function() {
    var data = {
        "rootItem": "OK",
        "otherItems": [{t: "i1"},{t: "i2"}]
    };
    
    var source = $("#tpl").html();
    var template = Handlebars.compile(source);
    $("body").append(template(data));   
});