title: addEventListener("load") not working properly in Chrome?
body: <pre><code>&lt;script id="js-cookie"&gt;&lt;/script&gt;
  &lt;script id="vk-info"&gt;&lt;/script&gt;
  &lt;script&gt;
      document.querySelector("#jquery").addEventListener("load", onLoadJQuery);
      function onLoadJQuery() {
          document.querySelector("#js-cookie").setAttribute("src", "/js.cookie.js");
          document.querySelector("#js-cookie").addEventListener("load", onLoadJSCookie);
      }
      function onLoadJSCookie() {
          document.querySelector("#vk-info").setAttribute("src", "/vk-info.js");
      }
  </code></pre>
  
  <p></p>
  
  <p>I've used this kind of check all the time, and it worked in Firefox.</p>
  
  <p>Basically jQuery is loaded in my master template, then in its child template I also load some scripts, but consequentially. So at first it's supposed to check if jQuery is loaded, then load JS-Cookie, and when it's loaded, then load my custom script. But on Chrome it doesn't work for some reason.</p>
  
  <p>I can see that jquery is loaded in DOM and it has id <code>#jquery</code>. But even when it's loaded, my other scripts don't load. They don't get any src attribute and stay empty. I triple checked their sources, and everything is correct. Especially because they load fine without EventListener.</p>
  
  <p>Any help is appreciated, maybe I'm missing something. But in Firefox everything DOES work.</p>