anythingSlider 라는 이미지 슬라이더 자바스크립트를 쓰려고 하는데요

html로 작업했을 때는 전혀 문제가 없었는데
그누보드 배우고 여기에 쓰려하니 스크립트가 문제가 되네요.

오류: 개체가 이 속성 또는 메서드를 지원하지 않습니다.

<script type="text/javascript">
function formatText(index, panel) {
return index + "";
}
$(function () {
$('.anythingSlider').anythingSlider({
easing: "easeInOutExpo", // Anything other than "linear" or "swing" requires the easing plugin
autoPlay: true, // This turns off the entire FUNCTIONALY, not just if it starts running or not.
delay: 6000, // How long between slide transitions in AutoPlay mode
startStopped: false, // If autoPlay is on, this can force it to start stopped
animationTime: 600, // How long the slide transition takes
hashTags: true, // Should links change the hashtag in the URL?
buildNavigation: true, // If true, builds and list of anchor links to link to each slide
pauseOnHover: true, // If true, and autoPlay is enabled, the show will pause on hover
startText: "", // Start text
stopText: "", // Stop text
navigationFormatter: formatText // Details at the top of the file on this use (advanced use)
});
$("#slide-jump").click(function(){
$('.anythingSlider').anythingSlider(4);
});

});
</script>

$('.anythingSlider').anythingSlider({ 부분에서 계속 걸립니다.
.anythingSlider 가 선언된 css도 스크립트보다 먼저 불어오고 있구요.
위 슬라이딩 플러그인을 위한 자바소스들도 순서대로 먼저 불러오게 해놨습니다.

그누보드 배우면서 php가 처음인데 저 함수?는 .php 확장명에서는 못쓰는건가요?
다른 분(행님님)은 쓰셨던데
제대로 동작되는 행님님의 테스트 사이트입니다.
http://work.nanzoa.com/index3.php

저는 왜 안될까요? 4시간째 헤매고 있습니다. 조언 부탁드립니다.