title: Ajax submit doesn't work
body: <pre><code>$(document).ready(function(){
    $("#form1").submit(function (e){
          alert ('working 01');
              e.preventDefault();
              var $form = $(this);
          alert ('working 02');
           $.ajax({
                  type: 'POST',
                  url : '../portal.php',
                  data: $('#form1').serialize(),
                  success: function(response) {
                  $('#form1').fadeOut("slow");
                  alert ('working 03');
                  }
  
                  })
    });
    return false;
  });
  </code></pre>
  
  <p>I have echoed in several places to see where it goes wrong. only "working 02 is displayed and nothing happened. portal.php is ready to accept data. Here's my form.</p>
  
  <pre><code> &lt;form id="form1" method="post"&gt;
            &lt;label class="label_title"&gt; e-mail &lt;/label&gt;
            &lt;input type="text" id="email" required&gt;
  
            &lt;label class="label_title"&gt;Comments:&lt;/label&gt;
            &lt;textarea cols="50" rows="10" name="com" id="com" class="textarea required" required &gt;&lt;/textarea&gt;
            &lt;input type="submit" class="button" value="Send"&gt;
            &lt;/form&gt;
  </code></pre>