ввод формы отключается после ответа ajax

Question

Здравствуйте, у меня есть кнопка формы, которая отправляет данные на ajax после успеха, если он принимает значение true, затем добавляет некоторые классы к кнопке, иначе он добавляет те, которые были при запуске, чтобы пользователь мог снова отправлять данные, но вместо этого отключает форма

Сайт находится в сети по адресу https://arpitpatidar.com/
, но я не уверен, что если он работает хорошо, когда страница загружена, то он теряет популярность при изменении классов

<input type="email" class="form-control" id="email" required>
<button type="submit" id="submitbutton" class="btn btn-primary">Subscribe</button>

Ajax с необходимыми переменными

var btn = document.getElementById("submitbutton")
success : function(r){
if (r == 'true'){
   btn.classList.add('success');
   setTimeout(function(){
      $(form)[0].reset();
   }, 3500);
} else {
   $(btn).addClass('error');
   setTimeout(function(){
      btn.classList.remove('animate', 'error', 'sub-button');
          btn.classList.add('btn', 'btn-primary');
   },3500);
}

animate [animate.css] success и error [пользовательские классы с вращающейся анимацией]
CSS классы

.display-t .display-tc .btn {
  padding: 15px 20px;
  background: #00dfc0 !important;
  color: #000;
  border: none !important;
  font-size: 14px;
  text-transform: uppercase;
}