Arrays

expand.js

$("#my-template").expand({
  content: "Step 1, light the grill. Step 2...",
  comments: ["Sounds delicious!", "What next?!?"]
})

result.html

<div>
  <span class="content">Step 1, light the grill. Step 2...</span>
  <div class="comments">
    <div class="comment">Sounds delicious!</div>
    <div class="comment">What next?!?</div>
  </div>
</div>

template.html

<div id="my-template">
  <span class="content"></span>
  <div class="comments">
    <div class="comment"></div>
  </div>
</div>