title: Chrome throws ajaxSetup is not a function when I have imported jquery library?
body: <p>I have a .js file in which I have defined the following functions: </p>
  
  <pre><code>$(document).ajaxSuccess(function( event, request, settings ) {
    alert(request.status);
  });
  
  $( document).ajaxError(function( event, request) {
    alert("Display");
  });
  </code></pre>
  
  <p>And an .htmml file in which I have included <code>&lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;</code></p>
  
  <p>After loading my .html file I inspect the element and I can see there are two event listeners attached to it - Ajax Error and Ajax Success. After I added new interceptor, namely: </p>
  
  <pre><code>$( document).ajaxSetup({
    beforeSend: function (xhr) {
      alert(settings.data);
      alert(settings.url);
    }
  });
  </code></pre>
  
  <p>After adding this interceptor when I load the page it throws an error </p>
  
  <blockquote>
    <p>Uncaught TypeError: $(...).ajaxSetup is not a function</p>
  </blockquote>
  
  <p>Is my sintax incorrect or I am missing something?</p>