关于jquery append() html时的小问题的解决方法

还是先来看一下现象：
复制代码 代码如下:
$(".main").append("haha");
$(".main").append("xixi");
alert($(".main").html());

结果：hahaxixi
一切正常
改一下
复制代码 代码如下:
$(".main").append("<div style=\"width:300px;height:300px;\"><span>这是span");
$(".main").append("</span></div>");
alert($(".main").html());

结果："WIDTH:300px;HEIGHT:300px"><SPAN>这是span</DIV></SPAN>

这下不正常了，只要是两次append() html代码就会出现这种异常，不知道为什么，找了一下没找到相关的资料，暂时的解决办法是避免这样去append html代码。