IE jQuery ajax results in a stack overflow

Question

I have the following code that in IE gives me an error in jQuery for "open(G,M.url,M.async"

$("#submitButton").click(function(){            
    $.ajax({
        type: "POST",
        url: "http://url.com/postChat.php",
        data: "comment="+$("#userInput").val(),
        success: function(msg){

        }
    });             
}); 

Any ideas as to why this would happen in IE?

Answer 1

Try putting return false; at the end of your click handler.

Answer 2

Is this code run multiple times? If you were to bind 5000 click handlers to the same element, you'd see the stack overflow for sure.

Answer 3

Shouldn't that be:

$("#submitButton").click(function(){            
    $.ajax({
        type: "POST",
        url: "http://url.com/postChat.php",
        data: { 'comment': $("#userInput").val() },
        success: function(msg){

        }
    });             
});