为什么我最后那句代码得不到和注释的那两句一样的效果呢？反而整个ul都消失了
<script type="text/javascript">
$(document).ready(function () {
var $node1 = $("<li>死神</li>");
// $node1.prependTo($("ul"));
// $("ul").prepend($node1);
$node1.append($("ul"));
});
</script>
</head>
<body>
<h2>热门动画排行</h2>
<ul>
<li>名侦探柯南</li>
<li>阿拉蕾</li>
<li>海贼王</li>
</ul>