Ajax форма перезагрузится после отображения

Question

У меня есть контактная форма, которая использует Ajax.После отправки данных (с использованием PHP-скрипта) в форме отображается сообщение о том, что они были отправлены.Тем не менее, дисплей не исчезает после задержки.Он просто имеет «х» для пользователя, чтобы закрыть его.Я думаю, что нашел способ исчезнуть, но страница (форма?) Должна быть сброшена, чтобы использовать ее снова.Вот сценарий для сообщения.

$(function () {

  // init the validator
  // validator files are included in the download package
  // otherwise download from http://1000hz.github.io/bootstrap-validator

  $('#contact-form').validator();

  // when the form is submitted
  $('#contact-form').on('submit', function (e) {

    // if the validator does not prevent form submit
    if (!e.isDefaultPrevented()) {
        var url = "/contact.php";

        // POST values in the background the the script URL
        $.ajax({
            type: "POST",
            url: url,
            data: $(this).serialize(),
            success: function (data)
            {
              // data = JSON object that contact.php returns

              // we recieve the type of the message: success x danger and apply it to the
              var messageAlert = 'alert-' + data.type;
              var messageText = data.message;

              // let's compose Bootstrap alert box HTML
              var alertBox = '<div class="alert ' + messageAlert + ' alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>' + messageText + '</div>';

              // If we have messageAlert and messageText
              if (messageAlert && messageText) {
                // inject the alert to .messages div in our form
                $('#contact-form').find('.messages').html(alertBox);
                $('.messages').delay(5000).fadeOut();  // *********** ADDED BY ME ***************
                // empty the form
                $('#contact-form')[0].reset();
              }
            }
        });
        return false;
      }
  })
});

Я знаю, $('#contact-form')[0].reset(); должен сбросить его, но он не позволяет запустить его снова.

Что мне нужно сделать, чтобы сброситьФорма для повторного использования без перезагрузки страницы (что отрицает использование Ajax)?