jquery ajax post - not being fired first time

I'm trying to do an ajax post after a button is clicked, and it works in firefox but not in IE the first time the page is loaded. It does work if I refresh the page and try again second time - but not first time and this is crucial.

I've scanned over various web pages - could it be anything to do with the listener? (I've just seen this mentioned mentiond somewhere) Is there something not set correctly to do with ajax and posting when page first loads?

$(document).ready(function() {                      
$('#btnCont').bind('click',function () {    

var itm = $("#txtItm").val();
var qty = $("#txtQty").val();
var msg = $("#txtMessage").val();
var op_id = $("#txtOp_id").val();

 //if i alert these values out they alert out no prob
 alert(itm+'-'+qty+'-'+msg+'-'+op_id);


$.ajax({
type: "POST",
url:开发者_如何学Python "do_request.php?msg="+msg+"&itm="+itm+"&qty="+qty+"&op_id="+op_id,
success: function (msg) {
    document.getElementById('div_main').style.display='none';
    document.getElementById('div_success').style.display='block';
    var row_id = document.getElementById('txtRow').value;
    document.getElementById('row'+row_id).style.backgroundColor='#b4e8aa';
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
    alert('Error submitting request.');
}
});

});

I would start debugging the click event. I.e. if you try to put .bind into a a href tag, the tag itself has a click event that may act on an unwanted way. There exist a command that are named something like event.preventDefaults() that avoids the standard feature of click. After All, you try to manipulate the DOM last of all actions (document.load).

$('#btnCont').bind('click',function () { .. }

I would also try to debug the same functionality with adding onClientClick to the tag instead of adding bind to the document load.

I hope that bring some light.