jquery - jQuery は要素のクラスを更新しません

Question

jQueryがクラスで動作するスクリプトを持っています.最初にスクリプトを使用すると動作しますが、jQueryは何かを更新しないため、jQueryのクラスは残りますが、コードでは変更されました..

$(function(){
  var page = $('#subpage'),
      where = this.href;
  $('.hiddenItem').hide();
  $('#submenu .actualItem').next().click(function(){
    page.fadeOut(200, function(){
      page.load(where, function(){
        page.fadeIn(200)
      });
    });

    var $this = $(this);
    $this.prev().prev().hide();
    $this.prev().addClass('previousItem');
    $this.prev().removeClass('actualItem');
    $this.prev().prev().addClass('hiddenItem');
    $this.prev().prev().removeClass('previousItem');
    $this.addClass('actualItem');
    $this.removeClass('nextItem');
    $this.next().show();
    $this.next().addClass('nextItem');
    $this.next().removeClass('hiddenItem');
    return false;
  });
});

HTML は次のようになります。

<div id="submenu">
<span class="previousItem">
previous
</span>
<span class="actualItem">
actual
</span>
<span class="nextItem">
next
</span>
<span class="hiddenItem">
hidden
</span>
<span class="hiddenItem">
otherhidden
</span>
</div>
<div id="subpage">
</div>