"Exception: ... [nsIWebProgressListener::onStatusChange]" when using jQuery AJAX inside click event?

Question

hello I am new to ajax and I am using it along with jquery to load an html document inside an html div which is in another html document,the way I am achieving this is like this:

  function pageload()//page load is called on body onload event
    {
        $.ajax({
            url: 'Marker.aspx',
            cache: false,
            dataType: "html",
            success: function (data) {
               $(".mainBar").html(data);
               alert("loaded");
            }
        });
}

this seems to work fine,the problems hits when I try to do this using some js events like this

$(".panelHead").click(function(){


     alert("clicked!");
       $.ajax({
        url: 'Marker.aspx',
        cache: false,
        dataType: "html",
        success: function (data) {
           $(".mainBar").html(data);
           alert("loaded");
        }
    });

I even tried creating onclick functions on button but the problem persist,It doesn't show any error in browser console,but simply doesn't load the document,I tried to debug using firebug it gives some jquery.js error which I don't understand the error is:

Timestamp: 06/01/2012 AM 11:43:25
Error: [Exception... "'JavaScript component does not have a method named: "onStatusChange"' when calling method: [nsIWebProgressListener::onStatusChange]"  nsresult: "0x80570030 (NS_ERROR_XPC_JSOBJECT_HAS_NO_FUNCTION_NAMED)"  location: "<unknown>"  data: no]

Answer 1

The error is not caused by jQuery, not jquery.js error. It is most like to be caused by some firefox extensions. Please try another browser like chrome.