title: Using DataTables plug-in in jQuery
body: <p>I am trying to use an array as the datasource using HtmlService and the Datatables plugin for jquery.  I am having trouble passing an array.  The resulting table is not rendering the array correcty - in this 3 col table, col1 contains '1',  col2 contains ','  col3 contains '2'  What am I doing wrong?</p>
  
  <pre><code>function doGet() { 
  var temp = HtmlService.createTemplateFromFile('example2');
  temp.j = [1,2,3];            
  return temp.evaluate();  
  }
  
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta http-equiv="content-type" content="text/html; charset=utf-8" /&gt;
  
      &lt;title&gt;DataTables example&lt;/title&gt;
  
      &lt;link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.1/css/jquery.dataTables.css"&gt;
      &lt;script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.1/jquery.dataTables.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" charset="utf8"&gt;
          $(document).ready(function() {
  $('#demo').html( '&lt;table cellpadding="0" cellspacing="0" border="0" class="display" id="example"&gt;&lt;/table&gt;' );
  $('#example').dataTable( {
      "aaData": [
          /* Reduced data set */
           &lt;?= j ?&gt; 
  
      ],
      "aoColumns": [
          { "sTitle": "Engine" },
          { "sTitle": "Browser" },
          { "sTitle": "Platform" }
      ]
  } );   
  } );
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="demo"&gt;&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>