title: Can't get form data to post via AJAX using Fancybox
body: <p>I'm using Fancybox to have a contact form pop up when a link is clicked. Then it POSTs the form data to a php file, an email goes out and a success message comes back.</p>
  
  <p>After I submit my form is that the page reloads and the data seems to go nowhere. If I submit the form without using AJAX it works fine but then loads a new page.</p>
  
  <p>Form:</p>
  
  <pre><code>&lt;div style="display:none"&gt;
       &lt;div id="questions"&gt;
         &lt;form id="question-form" action="" method="POST"&gt;
           &lt;p&gt;Name&lt;/p&gt; &lt;input type="text" name="name"&gt;
           &lt;p&gt;Email&lt;/p&gt; &lt;input type="text" name="email"&gt;
           &lt;p&gt;Item&lt;/p&gt; &lt;input type="text" name="item"&gt;
           &lt;p&gt;Message&lt;/p&gt;&lt;textarea name="message" rows="6" cols="25"&lt;/textarea&gt;
           &lt;br/&gt;
           &lt;input type="submit" value="Send"&gt;
        &lt;/form&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Script</p>
  
  <pre><code>$("#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;
  });
  </code></pre>
  
  <p>What am I doing wrong?</p>