title: Cannot load an external page with jQuery.load into a div in my page
body: <p>I am not able to load an external html page into a div in my page.</p>
  
  <p>My Jquery Code is:</p>
  
  <pre><code>$(document).ready(function(){
       var url = 'http://www.google.com';
       $.get(url, function(response) {
            $('div#external').html(response);
       });
   });
  </code></pre>
  
  <p>My HTML page is  </p>
  
  <pre><code>&lt;html&gt;&lt;body&gt;&lt;div id="external"&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;
  </code></pre>
  
  <p>I also tried using another JQuery code</p>
  
  <pre><code>$(document).ready(function() {
      $('#external').load('http://google.com');
  });    
  </code></pre>
  
  <p>Could anyone please help me. </p>
  
  <p>Thanks
  Amal</p>