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>