Почему мой код jQuery не соответствует элементам с динамическими идентификаторами?

Question

Этот код должен добавить атрибут класса к элементу span, «сохраненному» с правильным идентификатором. но в некоторой степени это не так. Возможно, я что-то упускаю, кажется, не могу понять.

<script type="text/javascript">

jQuery(function($){ 

  $("a[id^='savebook-']").click(function(){
    match = this.id.match(/savebook-(\d+)/);
    savedclass = $("span#saved-"+match[1])
    savedclass.addClass("saved");
  });

});
</script>

Пример использования

<li><span class="save">
   <a href="#" id="savebook-1" rel="nofollow" class="button">Save Book</a>
   <span id="saved-1" >&nbsp;&nbsp;&nbsp;</span>
</span></li>

Answer 1

Вам необходимо return false; из функции click(), чтобы предотвратить действие по умолчанию. Кроме того, он работает для меня (в Google Chrome).