title: jquery ajax function not working
body: <p>my html goes like this ,</p>
  
  <pre><code>&lt;form name="postcontent" id="postcontent"&gt;
      &lt;input name="postsubmit" type="submit" id="postsubmit" value="POST"/&gt;
      &lt;textarea id="postdata" name="postdata" placeholder="What's Up ?"&gt;&lt;/textarea&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>The jquery code is as follows </p>
  
  <pre><code>$("#postcontent").submit(function(e) {
      $.ajax({
          type:"POST",
          url:"add_new_post.php",
          data:$("#postcontent").serialize(),
          beforeSend:function(){
              $(".post_submitting").show().html("&lt;center&gt;&lt;img src='images/loading.gif'/&gt;&lt;/center&gt;");
          },success:function(response){   
              //alert(response);
              $("#return_update_msg").html(response); 
              $(".post_submitting").fadeOut(1000);                
          }
      });
  });
  </code></pre>
  
  <p>When I click on the submit button , my ajax request is not working , it looks as if the control is being passed to the JQuery submit function , but the ajax request is not executing/working properly,what is wrong ?</p>