javascript – Getting an element from another site

Question:

In the div of the site example1.ru , you need to insert a div from the site example2.ru .

I wrote this code, but for some reason it does not work.
What could be the problem?

<div id="vip_view_div_cross"></div>

$("#vip_view_div_cross").load("example2.ru #vip_view_div");

Answer:

getElement('http://ru.stackoverflow.com', '#nav-questions', function(element) {
    console.log(element);
});

getElement('http://ru.stackoverflow.com', '.question-hyperlink', function(element) {
    console.log(element.innerHTML);
});

function getElement(url, selector, c) {
    request(new XMLHttpRequest());

    function request(xhr) {
        xhr.open('GET', 'https://crossorigin.me/' + url, true);
        xhr.send();
        xhr.onreadystatechange = function() {
            if(xhr.readyState == 4) {
                if(xhr.status == 200) {
                    html = document.createElement('div');
                    html.innerHTML = xhr.responseText;
                    c(html.querySelector(selector));
                }
            }
        }
    }
}

jquery

$('#q').load('https://crossorigin.me/http://ru.stackoverflow.com #nav-questions');
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
<div id='q'></div>
Post Views: 1
Scroll to Top