title: Using jquery .load to load cross domain site using James Padolsey's jquery mod
body: <p>I am trying to use this mod for performing cross domain requests with jquery: <a href="http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/" rel="nofollow noreferrer">http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/</a>.</p>
  
  <p>The script is available at <a href="https://github.com/padolsey/jQuery-Plugins/blob/master/cross-domain-ajax/jquery.xdomainajax.js" rel="nofollow noreferrer">https://github.com/padolsey/jQuery-Plugins/blob/master/cross-domain-ajax/jquery.xdomainajax.js</a>.</p>
  
  <p>Firstly I would like to just test the functionality of the mod performing the .load function quoted on the page:</p>
  
  <pre><code>$('#container').load('http://google.com'); // SERIOUSLY!
  </code></pre>
  
  <p>My simple guess on how to do this would be the following </p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="jquery.xdomainajax.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
          &lt;div id="container"&gt;
          google.com should be placed here
          &lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
  $('#container').load('http://google.com'); 
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This doesn't work, though (just outputs google.com should be placed here).</p>
  
  <p>Any help on how to change my guess to work would be most appreciated.</p>
  
  <p>I have checked out <a href="https://stackoverflow.com/questions/5320511/how-do-you-get-content-from-another-domain-with-load">How do you get content from another domain with .load()?</a> which seems to be almost the same content as my question, but does not answer how you could actually make the jquery mod linked work.</p>