Ajax Post-Funktion lädt Seite statt dynamisch nur Daten senden

Question

Ich habe ein Problem mit ein wenig JQuery-Code und ich weiß nicht, was das Problem ist, im Grunde bin ich im Versuch, einen Kommentar auf den Fliege mit Ajax, sondern für einige Grund, dass die Seite neu geladen wird. Besuche unter den Code ...

Html Form

<form method='post' action=''>      
    <textarea name='comment' id='comment' maxlength='500'>Leave a Comment...</textarea> 
    <input name='userActivityId' id='userActivityId' type='hidden' value='$userid'> 

    <input class='send' id='formButton' type='submit' value='Send'> 
</form> 

JQuery-Code

$(function(){ 

    /*this function submits a normal comment from the comment container*/ 
    $(".commentContainer .send").on('click', function(){  
     var profileId = $("input#userActivityId").val(); 
     var comment = $("textarea#activityComment").val();  

     if(profileId == ""){ 
     $("input#userActivityId").focus(); 
     return false; 
     } 

     if(comment == ""){ 
     $("textarea#comment").focus(); 
     return false; 
     } 

     //send message 
     postActivityMessage(comment, profileId); 

     return; 
    }); 


    function postActivityMessage(comment, toUser){ 
     $.ajax({ 
     type: "POST", url: "include/process.php", 
     data:{ 
      addActivityComment: "true", 
      message: comment, 
      userActivityId: toUser, 
      type: "message", 
      replyto: '0'  
     }, 
     success: function(){ 
      alert('posted'); 
     } 
     }); 
    } 

}); 

Answer 1

Dies sollte laut Dave Kommentar

$("form").submit(function(e) { 
    e.preventDefault(); 
});