JS鼠标事件不能用,求大神帮助!!

Question

点击div前,li的鼠标事件可以用,点击div后,li的鼠标事件不能用了,怎么回事??
/*---jsp---*/
<div id='div'>点击</div>
<ul id='list'>
<li>1<li>
<li>2<li>
<li>3<li>
<li>4<li>
<li>5<li>
</ul >
/*---js---*/
$(function(){
$("#list li").mouseover(function(){
/*鼠标事件*/
});

$("#div").click(function(){
    $("#list li").remove();//清除所有li
    var ul = document.getElementById("list");//获取ul节点
    var li = document.createElement("li");//创建li
    li.innerHTML="55";
    ul.appendChild(li);//把创建的li添加到ul
});

});

Answer 1

https://zhidao.baidu.com/question/1670193333876932987.html