title: jQuery form submission fail
body: <p>Good Afternoon everybody.</p>
  
  <p>I have got a quick question to ask about why my jQuery is not submitting my form data.</p>
  
  <p>This is my form:</p>
  
  <pre><code> &lt;form id="submitForm" action="" method=""&gt;
                  &lt;input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" name="from" placeholder="Your Email" style="color:#ccc;" /&gt;
                  &lt;input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" name="fullName" placeholder="Your Full Name" style="color:#ccc;"  /&gt;
                  &lt;input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" name="contactNumber" placeholder="Your Contact Number" style="color:#ccc;"  /&gt;
                  &lt;input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" name="subject" placeholder="Subject" style="color:#ccc;"  /&gt;
                  &lt;textarea placeholder="Your Message Here..." class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" name="body" style="color:#ccc;" &gt;&lt;/textarea&gt;
  
                  &lt;input type="submit" id="search_button" value="Submit!" name="submit" /&gt;
  
              &lt;/form&gt;
  </code></pre>
  
  <p>Here is my jQuery code:</p>
  
  <pre><code> &lt;script type="text/javascript"&gt;
          $(document).ready(function(){
  
              $('#loading, .loading-text').hide();
  
              $('form#submitForm').submit(function( event ){
  
                  event.preventDefault();
  
                  document.write('Hola!');
  
                  $('#loading').show();
                  var formData = $('form#submitForm').serialize();
                  $.ajax({
                      url: 'mAjax.php',
                      data: formData,
                      type: "get",
                      success: function( data ){
                          $('#loading, .loading-text').show();
  
                          if( !data.error ){
                              $('.alertText').html(data).show();
                          } else {
                              $('.alertText').html(data + data).show();
                          }
                          $('#loading, .loading-text').hide();
                      }
                  });
                  return false;
              });
          });
      &lt;/script&gt;
  </code></pre>
  
  <p>I know this may be a vague question, but I have been trying for a while now and I can't think of anything else to try. </p>
  
  <p>The problem that I'm having is that when I click submit or just submit the form, nothing happens, it doens't reach the document.write('Hola!'); bit and it most definatly doesn't reach the AJAX call.</p>
  
  <p>Any help on what I could try to help this would be much appreciated.</p>
  
  <p>Thanks in advance!</p>