JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.4.js"></script>
<script id="mytemplate" type="text/x-handlebars-template">
    <p>{{name}}</p>
    {{#if costIsZero}}
      Can't find any order
    {{else}}
        You bought {{cost}} items in our shop, thanks.
    {{/if}}
</script>

JavaScript

$(document).ready(function() {
var data = {
    "name":"foo",
    "cost": 9
};

Handlebars.registerHelper('costIsZero', function(){
    return this.cost == 0
});
var source = $("#mytemplate").html();
var template = Handlebars.compile(source);
$("body").append(template(data));
    
});