Не удается получить данные формы для публикации через AJAX с помощью Fancybox

Я использую Fancybox, чтобы при нажатии на ссылку всплывала контактная форма. Затем он помещает данные формы в php-файл, электронное письмо отправляется и сообщение об успехе возвращается.

После того, как я отправил свою форму, страница перезагружается и данные, похоже, никуда не денутся. Если я отправляю форму без использования AJAX, она работает нормально, но затем загружает новую страницу.

Форма:

<div style="display:none">
     <div id="questions">
       <form id="question-form" action="" method="POST">
         <p>Name</p> <input type="text" name="name">
         <p>Email</p> <input type="text" name="email">
         <p>Item</p> <input type="text" name="item">
         <p>Message</p><textarea name="message" rows="6" cols="25"</textarea>
         <br/>
         <input type="submit" value="Send">
      </form>
    </div>
</div>

скрипт

$("#question-form").bind("submit", function() {

    $.fancybox.showActivity();

    $.ajax({
    type        : "POST",
    cache       : false,
    url         : "/includes/question-mailer.php",
    data        : $(this).serializeArray(),
    success     : function(data) {
                      $.fancybox(data);
                  }
});

return false;
});

Что я делаю неправильно?

Ответы на вопрос(1)

Ваш ответ на вопрос