Почему изображения jQuery Cycle не перекрывают друг друга?

На этой странице я размещаю слайд-шоу с обычным циклом садовых сортов: новый. По какой-то причине изображения не перекрываются, как здесь, в моей тестовой конфигурации: http://www.orientalhealthsolutions.com/cycle.html

Вот html:

<div class="slideshow">
    <img src="/photos/slideshow-1.jpg" alt="slideshow-1" width="600" height="410" />
    <img src="/photos/slideshow-2.jpg" alt="slideshow-2" width="600" height="410" />
</div>

Вот jQuery:

$('.slideshow').cycle({
   fx: 'fade' 
}); 

Вот CSS:

.slideshow  { 
    width: 600px; 
    height: 410px; 
    overflow: hidden;  
    }

Я получаю сообщение об ошибке, что $ не является функцией, поэтому либо у меня конфликт, либо я что-то еще напутал. Любое наставничество-руководство будет оценено.

Спасибо.