Как инициализировать добавленный класс в javascript?

У меня есть кнопка создания учетной записи, когда я нажимаю на нее, я вызываю функцию ajax и проверяю, существует ли уже электронная почта в базе данных или нет. Он работает нормально, но мой интерфейсный разработчик добавил в эту кнопку class = "next", чтобы я мог перейти к следующей части модального окна, точно так же, как gmail, смахивая слева направо.

Итак, когда я вызываю функцию ajax.

 $.ajax({
     type: "POST",
     url: "{{ url('other/ajax-email-check') }}",
     data: {
         "email": $email,
         "_token": "{{ csrf_token() }}"
     },
     success: function (data)
     {
         if (data.status == 1)
         {
             $('#registerModal .alert_text').append('<div class = "col-md-12 alert alert-danger">Email is already registered</div>');
         }
         else
         {
             $('#registerModal .alert_text').addClass('next');
         }
     }
});

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

Кто-нибудь может помочь?