title: jQuery ajax not downloading scripts in response, not working only in chrome
body: <p>I have a 2 sites hosted env with CORS enabled with the following:</p>
  <p>a jQuery script on <strong>SITE1</strong> that's basically</p>
  <pre><code>$.ajax({
      url: &quot;SITE2/source.html&quot;,
      type: 'GET',
      success: data =&gt; {
        $(this.el).html(data);
      },
    });
  </code></pre>
  <p>data is a whole page (it is what it is) with its scripts and its html, like for example</p>
  <pre><code>....
  &lt;script type=&quot;text/javascript&quot; src=&quot;SITE2/magic_library.js&quot;&gt;&lt;/script&gt;
  ...some html...
  &lt;script&gt;
      window.magicLibrary.doSomething()
  &lt;/script&gt;
  ...
  </code></pre>
  <ul>
  <li><p>in FFox/safari everything works fine</p>
  </li>
  <li><p>in the network tab of <strong>chrome</strong> there is no call to fetch SITE2/magic_library.js</p>
  </li>
  <li><p><code>window.magicLibrary.doSomething()</code> is run, but fails because magicLibrary does not exists since the script hasn't been downloaded</p>
  </li>
  </ul>
  <p>any hint on how to approach this issue?</p>