JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://twitter.github.com/hogan.js/builds/2.0.0/hogan-2.0.0.js"></script>
<script id="modal_template" type="text/html">
<div class="modal hide">
  <div class='modal-header'>
    <a class='close' data-dismiss='modal'>&times;</a>
    <h3>{{title}}</h3>
  </div>
  <div class='modal-body'>
    {{body}}
  </div>
  <div class='modal-footer'>
    <a href='#' class='btn btn-primary'>{{confirm}}</a>
    <a href='#' class='btn cancel' data-dismiss='modal'>{{cancel}}</a>
  </div>
</div>
</script>

<div id="modal_wrapper"></div>

JavaScript

var template = Hogan.compile($('#modal_template').text());
var params = {title: 'Test', body: 'Test', confirm: 'Confirm', cancel: 'Cancel'};
var html = template.render(params);
alert(html);
var modal = $(template.render(params)).appendTo("#modal_wrapper");