jquery - jQuery addClass は要素にクラスを追加しません

Question

私は次のhtmlコードを持っています

<ul class='selectul'>
    <li class='active'><a href='?sortby=views'>by Popularity.</a></li>
    <li><a href='?sortby=recency'>by Recency.</a></li>
    <li><a href='?sortby=alphabet'>Alphabetically.</a></li>
</ul>

任意の<li>要素がクリックされると、それに追加したいと思いますclass='active'。その兄弟のいずれも、このクラスを持つことは許可されません。次のjQueryコードでこれをやろうとしました

(function(){
    $('.selectul li').on('click',function(){
        $(this).addClass('active');
        $(this).siblings().removeClass('active');
    });
}())

しかし、それは何もしないようです。jQueryを始めたばかりなので、この質問がかなり基本的なものである場合はお詫び申し上げます。