Ошибок нет, но код jQuery не работает

Может кто-нибудь сказать, в чем дело? Сначала я загружаю путевые точки jQuery (http://imakewebthings.github.com/jquery-waypoints/), а затем включил код, который вы могли видеть после текста. Мне нужен эффект затухания на изображениях при прокрутке страницы, но вообще ничего не происходит. Я нашел это решение здесь, в Stack Overflow - JQuery исчезать в div, когда пользователь прокручивает до этого div А вот ссылка, по которой я пытаюсь выполнить свое решение - http://layot.prestatrend.com Спасибо!

// by default your element will be hidden
$('.ajax_block_product').hide();
// call waypoint plugin
$('.ajax_block_product').waypoint(function(event, direction) {
    // do your fade in here
    $(this).fadeIn();
}, {
   offset: function() {
       // The bottom of the element is in view
       return $.waypoints('viewportHeight') - $(this).outerHeight();
    }
});