javascript - 変数に関するJqueryの問題

Question

次の例があります: http://jsfiddle.net/gespinha/yTjUL/13/

変数は でトリガーされclick、リンクのクラスが からonにoff変更され、色が赤から緑に変更されます。しかし、代わりにすでに緑色で開始されているため、機能が役に立たなくなります。

うまくいかないのはなぜですか？

HTML

<a id="link" href="javascript:void(0)" class="on">CLICK HERE</a>

Jクエリ

$(document).ready(function () {

    var $myVar = $(document).find('.on').addClass('off').removeClass('on');
    $('link').click(function () {
        $myVar
    });

});