Uncaught TypeError: Não é possível ler a propriedade 'toLowerCase' de indefinido na função jQuery - jquery, ajax

Eu tenho este script jQuery em uma página

$(document).ready(function() {
$.ajax({
type: "POST",
url: "/notification/unread",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data){
$("#notification_badge").html(data).removeClass("hidden");
}
});

No entanto, estou recebendo um erro sobre o assunto ao chamar o $.ajax função:

Uncaught TypeError: Não é possível ler a propriedade "toLowerCase" de indefinida na função jQuery

Isso é o que eu acho no console

Uncaught TypeError: Cannot read property "toLowerCase" of undefined
at Object.setRequestHeader (jquery.min.js:4)
at HTMLDocument.<anonymous> (badge.js:5)
at HTMLDocument.dispatch (jquery.min.js:3)
at HTMLDocument.r.handle (jquery.min.js:3)
at Object.trigger (jquery.min.js:3)
at Function.ajax (jquery.min.js:4)
at badge.js:10
at dispatch (jquery.min.js:3)
at r.handle (jquery.min.js:3)

A chamada POST não é feita. Onde está o erro?

Respostas:

Tente alterar a definição da função para o padrão ES6. Deste

$(document).ready(function() {});

para isso

$(document).ready(() =>{});