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

点击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
});

});

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

动态添加的内容，和普通方式有点不同，参照：

http://blog.csdn.net/u010485134/article/details/71057134

你这个是属于动态生成的li , 没有绑定事件，需要生成之后重新绑定一下事件即可。