.load() doing nothing... can't see my error!

.load() doing nothing... can't see my error!

  • So I'm trying to get the whole content of the class "weirWrapper" from the website "http://www.tvfreestylers.co.uk/"...

    I have the following JS:

    function changeDiv() {
    $("#divTest").load("http://www.tvfreestylers.co.uk/ #weirWrapper");
    }

    But nothing shows :< where am I going wrong? I have the following html:

    <div id="button" onClick="changeDiv()"> </div>
    <div id="divTest"> </div>

    Also, I'm currently only hosting using localhost (xampp > Apache). Loading content from a http webpage shouldn't make a difference should it?












    The overall effect I want is to have a div on my webpage that will automatically scrape the data from another webpage ("http://www.tvfreestylers.co.uk/") and paste the content from one of their div's directly into mine.  

    Can anybody point out the problem, or give me advice to do it differently?

    Thankyou