I have an `index.html` file which loads content with jQuery's `load()` function, this `index.html` includes all the JS-files, the following too.

Here is the code:

```
$(document).ready(function(){
    function showNewContent() {
      $('#wrapper').fadeIn('normal',hideLoader);
    }
    function hideLoader() {
      $('#load').fadeOut('normal');
    }
    $('#menu li.load a').click(function() {
        // Change Content
        var toLoad = $(this).attr('href')+' #all_content';
        $('#wrapper').fadeOut('fast',loadContent);
        $('#load').remove();
        $('body').append('<div id="load"></div>');
        $('#load').fadeIn(0);
        window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
        function loadContent() {
            $('#wrapper').load(toLoad,'',showNewContent);
        }
    });

    ...some more code...

    $('.fancy').click(function() {
        $.fancybox.open([
             {
                 href : 'img/img1.jpg'
             }, {
                 href : 'img/img2.jpg'
             }, {
                 href : 'img/img3.jpg'
            }
        ], {
            helpers : {
                thumbs : {
                    width: 75,
                    height: 50
                }
            }
        });
    });
});

```

I am loading the content from another file (news.html) to the index.html file. In this news.html file there is a link 

```
<a class="fancy" href="javascript:;"><img src='img/img1.jpg' /></a>

```

but fancyboy does not work. How can I make it work?

I did not find a solution here for me until now. If someone has an answer or a link where I can find something usefull, that would be great. Thanks in advance!