Comparison of templated vs. non-templated HTML rendering

template-compare.js

    // Rendering markup with loops and string concatenation
for (var i = 0; i < foo.name.length; i++) {
  content += '<li><a href="foo/' + foo.id[i] + '">' + foo.name[i] + '</a></li>';
}

    // Rendering with a JavaScript template
content = '{{#foo}}' +
          '<li><a href="foo/${id}">${name}</a></li>' + 
          '{{/foo}}';