Building an HTML table using JavaScript More readable way to do this?
renderHtmlTable(function(tableItems) {
 
  var tableArray,_i,item,_len;
  tableArray = ['&lt;table id = sampleTable &gt;&lt;thead&gt;&lt;tr&gt;' +
                        '&lt;th&gt;Header 1&lt;/th&gt;' +
                        '&lt;th&gt;Header 2&lt;/th&gt;' +
                        '&lt;th&gt;Header 3&lt;/th&gt;' +
                        '&lt;th&gt;Header 4&lt;/th&gt;' +
                        '&lt;/tr&gt;&lt;/thead&gt;'];
  
  for (_i = 0, _len = tableItems.length; _i &lt; _len; _i++) {
    item = tableItems[_i];

    tableArray.push('&lt;tr&gt;&lt;td&gt;' + item.foo + '&lt;/td&gt;' + 
                      '&lt;td&gt;' + item.bar + '&lt;/td&gt;' +
                      '&lt;td&gt;' + item.baz + '&lt;/td&gt;' +
                      '&lt;td&gt;' + item.qux + '&lt;/td&gt;&lt;/tr&gt;')
  }          

  tableArray.push('&lt;/table&gt;');

 ($('#TableDiv')).html(function() {
   return lessonArray.join(&quot;&quot;);
 });
Use mustache.js!  It's a js templating engine which will point you in the right direction :)