Como pegar conteúdo HTML de outro servidor

Fala galera, eu estou fazendo um código para exibir um pequeno código para ser exibido em outro site, de um outro domínio e outro servidor.

Eu tentei o JSONP, JSON, GET, POST, tentei criar uma "API" no php para fazer um file_get_contents() na página que eu quero e depois dar um json_encode() e assim o JS teoricamente teria de pegar o HTML que foi escrito no JSON, mas não foi o que aconteceu :( .

Eis o meu código:

<div id="menu_site"></div>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.jsonp.js"></script>
<script type="text/javascript">
	// Anonymous "self-invoking" function
	(function() {

 // Poll for jQuery to come into existance
 var checkReady = function(callback) {
 if (window.jQuery) {
 callback(jQuery);
 }
 else {
 window.setTimeout(function() { checkReady(callback); }, 100);
 }
 };

 // Start polling...
 checkReady( function( $ ) {
 var url = "http://www.meusite.com/api.php";

 $.jsonp({
 "url": url,
 "success": function(e) {
 $( "#menu_site" ).html( e);
 },
 "error": function(d,msg) {
 alert("Erro" );
 }
 });

 /*
 $.ajax({
 type: 'GET',
 url: url,
 dataType: 'jsonp',
 success: function() { console.log('Sucesso!'); },
 error: function() { console.log('Uh Oh!'); },
 jsonp: 'jsonp'
 });*/

 } );
	} )();
</script>

Alguém poderia me dar uma luz sobre como posso fazer ? seria algo parecido como funciona o like box do facebook, aonde ele carrega todo o html na div que colocamos no nosso HTML.

Obrigado.