Jquery непонятное поведение

Вобщем есть такой код

Code:

// Load in a track on click
	$('td.playerbutton a.playing').click(function(e) {
		e.preventDefault();
		// last track
		alert($(this).hasClass("playing"));//$(this).attr('class'));
		$('td.playerbutton a.pause').removeClass('pause').addClass('playing');
		$(this).addClass('pause').removeClass('playing');
		audio.load($(this).attr('data-src'));
		audio.play();
	});
	

При нажатии на тег <A class="playing"> выходит алерт True
при этом class становится ="pause"

нажимаю на на тег <A class="pause"> выходит алерт False
тк почему же селектор и функция сработали?

 

Потому что было навешано событие на объект, даже если он изменил класс, событие останеться привязано к объекту.

Для отвязки событи я от объекта есть метод unbind()