请问这段jQuery代码为什么无效及如何修改？


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
    </head>
    <body>
        <ul id="a">
            <li>list</li>
            <li>list</li>
            <li>list</li>
            <li>list</li>
        </ul>
        <ul id="b"></ul>
    </body>
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.6.0.min.js"></script>
    <script>
        $('ul#a li')
            .click(function(){alert('List Item Clicked')})
            .parent()
                .clone(true)
                    .find('li')
                    .appendTo('#b')
                .end()  //返回到克隆的ui元素
            .end()  //返回到原始的ul元素
            .remove();  //删除原始的ul元素
    </script>    
</html>

请问为什么这段代码中.end().end().remove()无效？如何修改？

再加一个.end()