// 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}}';