使用jQuery生成HTML表

Question

我使用jQuery生成表：

var container = jQuery(".container");
container.append("<table class='table table-striped'>");
container.append("<tr><td>1</td><td>A</td></tr>");
container.append("<tr><td>2</td><td>B</td></tr>");
container.append("<tr><td>3</td><td>C</td></tr>");
container.append("</table>");

以上代码生成以下HTML（在Chrome和Safari中测试）：

如您所见：表格在注入tr之前关闭。

预期结果当然是一个包含三行的表。

问题：为什么代码没有生成预期的表格，我在这里缺少什么？