jQuery .load() troubles

Question

Я возился с прекрасным миром jQuery (так как в конечном итоге хочу создавать хорошие веб-приложения/игры), и я попал в разделы .load и .get. Я видел (здесь и некоторые другие места), что вы можете вставить html страницы в div, если это необходимо. I attempted this on jsFiddle, но результаты были такими, какими они должны были быть. Что я делаю не так?

<button id="btn1" type="button">Click!</button> 
<div id="box1" style="width: 100px; height:100px"></div> 
<div id="box2" style="width: 100px; height:100px"></div> 

и

$('#btn1').click(function() { 
    $('#box1').load('http://stackoverflow.com'); 
    $('#box2').load('http://stackoverflow.com'); 
}); 

Я попробовал один и тот же код в кучу разных браузерах, но до сих пор не повезло. Что я делаю не так?

Answer 1

Вы не можете сделать это из-за Same Origin Policy

Вы не можете загрузить данные из областей за пределами вызывающего сценария