title: Form submit not displaying message
body: <p>I have a HTML form with an ID of <code>newticket</code> and this JQuery in the head section of the page:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function(){
          $("#message").hide();
          $("#newticket").submit(function(e){
              e.preventDefault();
              dataString=$("#newticket").serialize();
              $.ajax({
                  type: "POST",
                  url: "newticket_go.php",
                  cache: false,
                  data: dataString,
                  success: function(res){
                      //$("#message").show();
                      $("#message").html(res);
                      $('#message').fadeIn('slow');
                      if(res.indexOf("success")!=-1)
                      {
                          window.location.href = res.substr(8);
                      }
                  }
              });
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>I have <code>&lt;div id="message" class="messagebox"&gt;&lt;/div&gt;</code> above the form to display the message once the form has been submitted.</p>
  
  <p>My form looks like this:</p>
  
  <pre><code>&lt;form action="newticket.php" method="post" id="newticket" name="form1"&gt;
  </code></pre>
  
  <p>The <code>newticket_go.php</code> file works fine as it runs the SQL query fine etc. there is some text echoing in <code>newticket_go.php</code> which should display in the message div but nothing is displaying.</p>
  
  <p>Any ideas?</p>