jquery使用append方法添加html代码

想用jquery的append方法添加一段html代码，eg：

<table>
<tr>
<td>xxx</td>
<td>yyy</td>
</tr>
</table>

不能这样插入：

$("#div").append("<table>");
$("#div").append("<tr>");
$("#div").append("<td>xxx</td>");
$("#div").append("<td>yyy</td>");
$("#div").append("</table>");

这样写的话生成的html代码是类似于<table/>的代码！！！

应该是将dom层次分清：即将dom各个层上的节点一层一层的添加：

var tr = $("<tr></tr>");
tr.append("<td>xxx</td><td>yyy</td>");
var table = $("<table></table>");
table.append(tr);
$("#div").append(table);