jQuery学习笔记——奇怪的问题

不知道是不是jQuery的bug：
直接上代码：

<p title="你喜欢的水果是?">你喜欢的水果是?</p>
<ul>
    <li title="苹果">苹果</li>
    <li title="橘子">橘子</li>
    <li title="葡萄">葡萄</li>
    <li title="梨">梨</li>
</ul>

<p title="你喜欢的明星是?">你喜欢的明星是?</p>
<ul>
    <li title="乔丹">乔丹</li>
    <li title="林丹">林丹</li>
    <li title="姚明">姚明</li>
    <li title="梅西">梅西</li>
</ul>
<script>

    var $li_1 = $("<li>1</li>");
    var $li_2 = $("<li>2</li>");//教程上说不要用大写的，不是说不区分大小写吗？html不区分大小写，但是js是区分大小写的?
    var $li_3 = $("<li>3</li>");
    var $li_4 = $("<li>4</li>");//教程上说不要用大写的，不是说不区分大小写吗？html不区分大小写，但是js是区分大小写的?

    $("ul").append($li_1);
    $("ul").append($li_2);

    $("ul").append($li_1).append($li_2);//这里是练习链式写法，但是实际测试是，链式写法在被添加的元素是多个的时候，和上面的写法还是有区别的。


</script>

效果如下：
只有第一个ul被添加了li。

有大神可以解惑吗？
不胜感激。