How to construct a complete HTML table using jQuery?
<p>I wish to construct a complete table using jQuery.</p>

<p>I try to learn or copycat from this question</p>

<p><a href="http://stackoverflow.com/questions/8749236/create-table-with-jquery-append">Create table with jQuery - append</a></p>

<p>but no luck.</p>

<p>What I want to create is</p>

<pre><code>&lt;table&gt;
   &lt;thead&gt;
      &lt;tr&gt;                                  
         &lt;th&gt;Problem 5&lt;/th&gt;
         &lt;th&gt;Problem 6&lt;/th&gt;
      &lt;/tr&gt;
   &lt;/thead&gt;
   &lt;tbody&gt;
      &lt;tr&gt;
         &lt;td&gt;1&lt;/td&gt;
         &lt;td&gt;2&lt;/td&gt;
      &lt;/tr&gt;
   &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p>The jQuery code I created is</p>

<pre><code>var $table = $('&lt;table/&gt;');

var $thead = $('&lt;thead/&gt;');
$thead.append('&lt;tr&gt;' + '&lt;th&gt;Problem 5&lt;/th&gt;' + '&lt;th&gt;Problem 6&lt;/th&gt;' + '&lt;/tr&gt;';
$table.append(thead);

var $tbody = $('&lt;tbody/&gt;');
$tbody.append( '&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;2&lt;/td&gt;&lt;/tr&gt;' );
$table.append(tbody);

$('#GroupTable').append($table);
</code></pre>

<p>But it failed running. </p>

<p>Can anyone tell me why?</p>
