var x = document.getElementById("tablo1");
x.innerHTML = 'html kod';

Yukarıdaki kod ile tek bir site de oluşturduğumuz tabloyu istediğim sitede sorunsuz şekilde
görünmektedir.

<div id="tablo1"></div>
<script src="https://siteadi.com/tablo.js" type="text/javascript"></script>

İstediğim siteye giderek yukarıdaki html kodu ile istediğim tabloyu çağırabiliyorum buraya
kadar sorun yok. Ancak bu işlemi ajax ile veri tabanından veri çekerek yaptığım da çalışmıyor.

$(document).ready(function () {
    $.ajax({
        type:"POST",
        url: "ajax.php",
        success:function (sonuc) {
            var x = document.getElementById("tablo1");
            $(x).html(sonuc);
        }
    });
});

Bu kod ile aynı site içerisinde sorun yaşamadan verileri gösterebiliyorum ancak başka bir
sitede gösteremiyorum. Ne yapmam gerekiyor bu konuda bana bilgi verebilir misiniz?