JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/mustache.js/0.7.0/mustache.min.js"></script>
<script type='text/template' id='template'>
<div>
  <p class="pull-right"><i class="icon icon-pencil"></i><br /><i class="icon icon-trash"></i></p>
    <p><strong>Option Name:</strong> {{option_name}}</p>
    <p><strong>Option Type:</strong> {{option_type}}</p>
    <hr>
    {{#choices}}
    <div class="row-fluid">
      <div class="span7"><p><strong>Choice Name:</strong> {{choice_name}}</p></div>
      <div class="span5"><p><strong>Price:</strong> {{choice_price}}</p></div>
    </div>
    {{/choices}}
</div>
</script>

<div id="container"></div>

JavaScript

var data = {
    option_name: "name",
    option_type: "type",
    choices: [
        {
            choice_name: "choice #1",
            choice_price: "val",
        }
    ]
};
var template = $("#template").html();
var html = Mustache.render(template, data);
//var html = Mustache.render("{{a}}", { a: "hi" });
$("#container").html(html);