Can't see ajax headers, parameters or results in firefox console

Can't see ajax headers, parameters or results in firefox console

am working on modifications to a web app. The production app can be seen at http://finder.passaicschools.org. We are making changes in the district and I am updating the app to accommodate the changes.

I have three environments. Development (windows 7), test (Ubuntu Linux Server) and production (also Linux but it is a host so I am not sure which version).

I made my changes locally and everything works great.

I uploaded the new code and database to my test server and the Find feature on the main page doesn't work.

When the user clicks find, the entered parameters are supposed to be sent to the server which processes the request and then sends the results back. I should see the headers, parameters and results in the console window. I see it fine in development but all I am seeing in test is that the call is made but all the detail about the call is blank (headers, parameters and results).

But wait, it gets better. I threw an error into the controller (just to be sure that it was running) and then it shows me everything in test,

Here's my ajax call()

  1. function doSearch(cFullAddress, cGrade){ $.ajax({ url: '/find/doSearch', data: {"address":cFullAddress, "gradelevel": cGrade}, method: "post", success: function(data){ var result = $.parseJSON(data); clearMarkers(); if (result.status=="NOROWS"){ var lcHTML = $("#leftcolumn").html(); lcHTML = lcHTML + "<br /><br /><h2>We're sorry but we could not find " + "a school matching your address and grade criteria. Please call the " + "district at 973-???-???? for more information.</h2>"; $("#leftcolumn").html(lcHTML); }else{ var numSchools = result.data.length; addMarker(result.data[0].nLat, result.data[0].nLng, result.data[0].cName); if(numSchools == 2){ addMarker(result.data[1].nLat, result.data[1].nLng, result.data[1].cName); } var lcHTML = $("#leftcolumn").html(); var baseURL = $("#hidBaseURL").val(); lcHTML = lcHTML + "<br /><br /><hr style=\"width:50%;\" />" + "<p align=\"center\"><span style=\"color: #002f87;\">" + "<strong>YOUR SCHOOL</strong></span></p>" + "<hr style=\"width:50%;\" />" + "<a style=\"color: #3a3a3a;font-weight:bold;\" href=\"" + baseURL + result.data[0].cPage + "/\">" + result.data[0].cName + "</a><br />" + result.data[0].cAddress + "<br />" + result.data[0].cCity + ", " + result.data[0].cState + " " + result.data[0].cZip + "<br />" + "Phone number: " + result.data[0].cPhone; if(numSchools == 2){ lcHTML = lcHTML + "<br /><br />" + "<a style=\"color: #3a3a3a;font-weight:bold;\" href=\"" + baseURL + result.data[1].cPage + "/\">" + result.data[1].cName + "</a><br />" + result.data[1].cAddress + "<br />" + result.data[1].cCity + ", " + result.data[1].cState + " " + result.data[1].cZip + "<br />" + "Phone number: " + result.data[1].cPhone; } $("#leftcolumn").html(lcHTML); centerMap(result.data[0].nLat, result.data[0].nLng); } }, }); }
I can't even begin to understand why this is happening. The request is not cross domain (the url shown in console is clearly local), I am getting no error messages but nothing is showing. The request in the console shows a result of 200...

Any assistance would be greatly appreciated