css - jQuery の toggleClass は、ブラウザの履歴が戻った後にクラスを保持しません

Question

ボタンが別の色になるように、ajax リクエストの後にボタンにクラスを追加します。サイトで何かをクリックして戻ると、toggleClass によって追加された新しいクラスがなくなります。ブラウザには、おそらく変更された DOM ではなく、最初のページ ロードからのオリジナルが表示されます。これが私のコードです。

$('.toogleUser').click(function() {
    var event_id = $(this).val();
    $(this).toggleClass("active");
    $.ajax({
        url: "/add/",
        type: "POST",
        data: {
            event_id: event_id
        },
        cache: false
    }).done(function(msg) {
        $.ambiance({message: msg, type: "success"});
    });
});

編集: jquery doc の最初のデモでは class 属性が保持されます: http://api.jquery.com/toggleClass/ .コードは、toogleClass 以外は何も使用しません。コードがデモのように機能しないのはなぜですか?