Jquery не воспринимает изменения класса

Всем привет. Есть код

Код (Javascript):

1. $('.users_sub').click(function(e) {
2.       e.preventDefault;
3.       var id = $(this).attr('id');
4.       var element = $(this);
5.       console.log('sub');
6.       $.ajax({
7.         url: 'index.php?route=profile/subscribe',
8.         type: 'post',
9.         data: "data=" + id,
10.         success: function(response) {
11.           console.log(response);
12.           if (response === '1') {
13.             element.removeClass('users_sub');
14.             element.addClass('users_unsub');
15.             element.text('Unsubscribe');
16.           }
17.         }
18.       })
19.     });
20.  
21.     $('.users_sub').on('click', function(e) {
22.       e.preventDefault;
23.       var id = $(this).attr('id');
24.       var element = $(this);
25.       console.log('unsub');
26.       $.ajax({
27.         url: 'index.php?route=profile/subscribe',
28.         type: 'post',
29.         data: "data=" + id,
30.         success: function(response) {
31.           console.log(response);
32.           if (response === '1') {
33.             element.removeClass('users_sub');
34.             element.addClass('users_unsub');
35.             element.text('Unsubscribe');
36.           }
37.         }
38.       });
39.     });

Проблема в том, что после изменение класса элемента он не воспринимается jquery. Т.е. после нажатия на элемент с классом users_sub с последующим удаление и добавлением класса users_unsub клик на этот элемент идет так как на элемент с классом users_sub. В инспекторе смотрел классы изменяются.

 

Шикарно, все работает, спасибо.