Проблема с закрытием модального окна

        alert('Все OK');
        $(form)[0].reset(); // W!
        modal.removeClass('modal--visible');

$(document).ready(function () {
  var modal = $('.modal'),
    modalBtn = $('[data-toggle="modal"]'),
    closeBtn = $('.modal__close');
 
  modalBtn.on('click', function () {
    modal.toggleClass('modal--visible');
  });
  closeBtn.on('click', function () {
    modal.toggleClass('modal--visible');
  });
});
 
$('.modal__form').validate({
  errorClass: "invalid",
  rules: {
    //string rule
    userName: {
      required: true,
      minlength: 2
    },
    //string rule
    userPhone: "required",
    // object rule
    userEmail: {
      required: true,
      email: true
    }
  }, // messages
  messages: {
    userName: {
      required: "Имя должно быть обязательно",
      minlength: "Имя не короче двух букв"
    },
    userPhone: {
      required: "Телефон должен быть обязательно"
    },
    userEmail: {
      required: "Email должно быть обязательно",
      email: "Введите в формате name@domain.com"
    }
  },
 
  submitHandler: function(form) {
    $.ajax({
      type: "POST",
      url: "send.php",
      data: $(form).serialize(),
      success: function (response) {
        alert('Все OK');
        $(form)[0].reset(); // W!
        modal.removeClass('modal--visible');
      }
    });
  }
});

success: function (response) {
        alert('Все OK');
        $(form)[0].reset(); // W!
        $('.modal').removeClass('modal--visible'); // вот здесь 
      }