HTML-таблица thead не согласуется с tbody

Question

Я думаю, что я делаю что-то неправильно, но мои ячейки таблицы не выровнены. Клетки <thead> не согласуются с ячейками <tbody> (и <tfoot>). Это происходит в Chrome и Firefox (note: Я нахожусь в Linux, поэтому я не могу/не могу тестировать IE.).

См. jsFiddle.

$(container) 
    .append($("<table>") 
     .append($("<thaad>").html("<tr><th>ID</th><th>First name</th><th>Last name</th><th>Email</th><th>Active</th></tr>")) 
     .append($("<tfoot>").html("<tr><th>ID</th><th>First name</th><th>Last name</th><th>Email</th><th>Active</th></tr>")) 
     .append($("<tbody>").html("<tr><td>1</td><td>John</td><td>Smith</td><td>john@email.com</td><td>true</td></tr>"))); 

Что может быть причиной этого? Как это исправить?

спасибо.

Answer 1

Вы написали thaad insead of thead. :)