Подскажите как запустить скрипт

[lookstuff]

Есть скрипт, который меняет фон при наведении. При каждом наведении разный фон. Используется animate. В песочнице все работает, а вот как на сайте вывести не пойму. Подключила библиотеки jquery-1.9.1.js и jquery-ui-1.9.2.js
Вызов делаю так

<script>
var ColorArray = [ '#eee', '#ddd', '#444'];
var ColorArrayIndex = 0;
$(".logo").hover(function() {
    $(this).animate({ backgroundColor: ColorArray[ColorArrayIndex]}, 400);
ColorArrayIndex++; if (ColorArrayIndex >= ColorArray.length) ColorArrayIndex = 0;},function() {});
</script>

Подскажите что не правильно?
В песочнице все работает http://jsfiddle.net/marusia/rujgmzre/1/ а у меня нет ((

[рони]

lookstuff,
песочница делает обёртку за вас

$(function(){
 var ColorArray = [ '#eee', '#ddd', '#444'];
var ColorArrayIndex = 0;
$(".logo").hover(function() {
    $(this).animate({ backgroundColor: ColorArray[ColorArrayIndex]}, 400);
ColorArrayIndex++; if (ColorArrayIndex >= ColorArray.length) ColorArrayIndex = 0;},function() {});

});

[lookstuff]

$(function(){
 var ColorArray = [ '#eee', '#ddd', '#444'];
var ColorArrayIndex = 0;
$(".logo").hover(function() {
    $(this).animate({ backgroundColor: ColorArray[ColorArrayIndex]}, 400);
ColorArrayIndex++; if (ColorArrayIndex >= ColorArray.length) ColorArrayIndex = 0;},function() {});

});

Спасибо. Я понимала это и пробовала обернуть но последние скобки с кавычками не ставила. Я только учусь извините за тупость)))