title: $ is not defined in external JS file but jquery loaded in network correctly
body: <p>A year ago I wrote several projects with jQuery that were working fine but I was looking at my portfolio and now they are broken. In the ide the message I see is </p>
  
  <pre><code>$ is not defined, please fix or add /*global $*/
  </code></pre>
  
  <p>I've used chrome debugger network to know that jquery.min.js is loading correctly and it is loaded first in the html file. Can anyone tell me what has changed that $ wouldn't be recognized any longer.</p>
  
  <p>External JS file(example of functions using JQuery with eslint only on $)</p>
  
  <pre><code>function updateDisplay(item){
    $('.panel-body').html('&lt;p class="pull-right"&gt;' + item + '&lt;/p&gt;');
  }
  
  $( "button" ).click(function() {
       $( this ).removeClass('button[focus]');
    getId();
  });
  </code></pre>