JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0/handlebars.min.js"></script>

<script id="test-template" type="text/x-handlebars-template">
  <label>Label here</label>
  {{textField id="{{id}}" class="{{theClass}}" value="{{value}}"}}
  <p>{{something}}</p>
</script>

JavaScript

Handlebars.registerHelper('textField', function(options) {
    var attributes = [];

    for (var attributeName in options.hash) {
      attributes.push(attributeName + '="' + options.hash[attributeName] + '"');
    }

    return new Handlebars.SafeString('<input type="text" ' + attributes.join(' ') + ' />');
});

$(function() {

    var markup = $('#test-template').html();
    var template = Handlebars.compile(markup);
    $('body').append(template({ "something": "value", "id": "theId", "theClass": "class-here", "value": "the value" }));

});