title: Why doesn't jquery .load() load a text file from an external website?
body: <p>In the example below, when I click the button, it says "Load was performed" but <strong>no text is shown</strong>.</p>
  
  <p>I have a <strong>clientaccesspolicy.xml</strong> in the root directory and am able to asynchronously load the same file from <strong>silverlight</strong>. So I would think I should be able to access from <strong>AJAX</strong> as well.</p>
  
  <p><strong>What do I have to change so that the text of the file <a href="http://www.tanguay.info/knowsite/data.txt" rel="nofollow noreferrer">http://www.tanguay.info/knowsite/data.txt</a> is properly displayed in the #content element?</strong></p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
      &lt;head&gt;
          &lt;script type="text/javascript"
          src="http://www.google.com/jsapi"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
              google.load("jquery", "1.3.2");
              google.setOnLoadCallback(function() {
                  $('#loadButton').click(loadDataFromExernalWebsite);
              });
              function loadDataFromExernalWebsite() {
                  $('#content').load('http://www.tanguay.info/knowsite/data.txt', function() {
                      alert('Load was performed.');
                  });
              }
          &lt;/script&gt;
      &lt;/head&gt;
  &lt;body&gt;
      &lt;p&gt;Click the button to load content:&lt;/p&gt;
      &lt;p id="content"&gt;&lt;/p&gt;
      &lt;input id="loadButton" type="button" value="load content"/&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>