$.ajax not working in chrome but is working in firefox and IE

$.ajax not working in chrome but is working in firefox and IE

Hello all!

Running into an issue that I don't understand. I'm hijacking any clicks on an anchor tag and making an ajax call with it. While this works perfectly fine in Firefox and IE, it errors out in Chrome.

This is the portion of the code that is getting an error.
$("a").on("click", function(a){
a.preventDefault();
var path = $(this).attr("href");
$.ajax({
url: path,
success:function(result){
$(".contentgrid").hide().html(result).fadeIn("fast");
}
})
})


In firefox and IE, the request fires off and appropriately puts the data in $(".contentgrid").

In chrome, I get an error in the console that reads:

v.extend.ajax jquery.min.js:2
(anonymous function)
InjectedScript._evaluateOn
InjectedScript._evaluateAndWrap
InjectedScript.evaluate

Any ideas? Thank you in advance :)