The requested content cannot be loaded. Please try again later. Fancybox

Question

I'm using fancybox, which I've used hundreds of times before and I'm getting a "The requested content cannot be loaded. Please try again later." error in the modal box. I'm expecting to see "Fancybox!! Yay!" Instead.

Code below. Any ideas?

<script type='text/javascript'>
    function init(){
        $("#upload-new").fancybox({type:'inline'});
    }
</script>

<p><a id="upload-new" href="#image-uploader">Upload new screenshot</a></p>

<div class="hidden">
    <div class="image-uploader">
        Fancybox!! Yay!
    </div>
</div>

Answer 1

this

href="#image-uploader"

means that you are targeting an element with id="image-uploader" but you have :

<div class="image-uploader">

.... I guess it should be :

<div id="image-uploader">