why my JS can't load document from another server?
<p>I have two web-sites and two files:</p>

<pre><code>provider.com/provide.js
viewer.com/index.html
</code></pre>

<p><code>viewer.com/index.html</code> renders information to the user, and gets this information from <code>provider.com</code>. The file <code>viewer.com/index.html</code> looks like this (jQuery is used):</p>

<pre><code>&lt;script type="text/javascript"
src="http://provider.com/provide.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
  provide(function() { alert('works!'); });
&lt;/script&gt;
</code></pre>

<p><code>provider.com/provide.js</code> looks like this (I omit unnecessary details):</p>

<pre><code>function provide(callback)
{
  $.ajax(
    {
      'url': 'http://provider.com/',
    }
  );
}
</code></pre>

<p>I'm getting this message in all browsers: <code>Failed to load resource: cancelled</code>.</p>

<p>I have a feeling that I break some security restrictions. Could anyone explain what restrictions, if any. Thanks.</p>
