title: JQuery: Deferred loading of JQuery and '$ not defined'
body: <p>I cannot wrap my head around this issue and the vast offer of information I found on the net:</p>
  
  <p>On my project the JQuery is loaded with "defer". This I cannot change due to project standards.</p>
  
  <pre><code>&lt;script defer src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js'&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Now I need to add some small functions to a page (currently inline):</p>
  
  <p>With this setup the browser will try to execute the inline scrip before jQuery loads => "Uncaught ReferenceError: $ is not defined"</p>
  
  <pre><code>&lt;body&gt;
  ...
  ...
  &lt;script&gt;
    $("#city").change(function() {...some stuff...};
    $("#doctor").change(function() {...some stuff...};
  &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Whats the smart way to resolve this?</p>