jquery - 複数選択をクリックしても選択が解除されない

Question

複数選択要素があり、最初の要素にはクラスがsel-allあり、他の要素にはクラスがありますsel-child

<select multiple="multiple">
    <option class="sel-all">All</option>
    <option class="sel-child">UsernameOne</option>
    <option class="sel-child">UsernameTwo</option>
    <option class="sel-child">UsernameThree</option>
    <option class="sel-child">UsernameFour</option>
</select>

達成したいこと、

要素をクリックするとsel-all、すべての要素が選択され、値が変更されDeselect All 、sel-allクラスが削除sel-delされて追加されます。

要素をクリックするsel-allと、すべての要素オプションが選択解除され、それ自体になります。

そして今..選択解除が機能していません..

http://jsfiddle.net/ucBtL/1/