title: Even in the right order the function is not defined?
body: <p>I'm using a <a href="https://appelsiini.net/projects/lazyload/" rel="nofollow noreferrer">lazyload</a> function that works with jQuery.</p>
  
  <p>I'm calling it in my <strong>liga.js</strong> file like this:</p>
  
  <pre><code>lazyload();
  </code></pre>
  
  <p>Now, at the footer of that page I have:</p>
  
  <pre><code>&lt;script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script src="code.jquery.com/ui/1.12.1/jquery-ui.min.js" &gt;&lt;/script&gt;
  &lt;script src="/includes/jquery.lazyload.min.js"&gt;&lt;/script&gt;
  &lt;script src="/includes/liga.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>As you can see my liga.js file is at the very end of the list.</p>
  
  <p>I've also tried calling the function like this:</p>
  
  <pre><code>$(document).ready(function(){
  lazyload();
  ...
  </code></pre>
  
  <p>I keep getting the error:</p>
  
  <blockquote>
    <p>ReferenceError: lazyload is not defined</p>
  </blockquote>
  
  <p>Why is that?</p>