Вывод данных из БД

Всем привет!
По клику получаю данные из БД, все работает, но есть нюанс.
Вывожу все таблицей, тег </table> закрывает таблицу раньше чем выводятся данные:

Код (Text):

1.  
2. <table><thead>
3.   <tr>
4.     <th>id</th>
5.     <th>name</th>
6.    </tr>
7. </thead><tbody></tbody></table>
8. <tr>
9.   <td>1</td>
10.   <td>первый</td>
11. </tr>

вот мой код:

Код (Text):

1.  
2. $("#list").click(function() {
3.         objectLink = $("h1").attr("title");
4.  
5.         $.ajax({
6.             url: 'product/list',
7.             type: 'get',
8.             dataType: 'json',
9.             data: "linkName="+objectLink,
10.             success: function (data) {
11.                 $("#addInfo_area").empty();
12.                 $("#addInfo_area").html("<table class='table table-hover'>" +
13.                         "<thead><tr>" +
14.                         "<th>id</th>" +
15.                         "<th>name</th>" +
16.                         "</tr></thead><tbody>");
17.                 for (var i = 0; i <data.length; i++) {
18.                     $("#addInfo_area").append("<tr>" +
19.                             "<td>"+data[i].id+"</td>" +
20.                             "<td>"+data[i].name+"</td>" +
21.                             "</tr>");
22.                 }
23.                 $("#addInfo_area").append("</tbody></table>");
24.             },
25.         });
26.     });

Подскажите, в чем может быть дело?