[More916]

Я уже создавал тему с этим скриптом, но теперь я его доработал/развил(в меру моего малого опыта это и так можно назвать )
Собственно вот в чем проблема: скрипт я писал в jsFiddle, и там все работает, но когда и копирую весь код на хостинг или на компьютер, то он не работает, причем вообще javascript отказывается работать(хотя и библиотеку jQuery я везде подключал одинаковой версии)
Вот часть html кода:

<div id="wrapper"><div id="menu">
<img src="buttA1.png" class="zoom" alt="" />
<img src="buttB1.png" class="zoom" alt="" />
<img src="buttC1.png" class="zoom" alt="" />
<img src="buttD1.png" class="zoom" alt="" />
<img src="buttE1.png" class="zoom" alt="" />
</div></div>

Вот сам скрипт:

// Самое важное, это первая часть, отвечающая за расчет длины блока и его позиционирование по центру в зависимости от общего размера всех картинок, она и является моей доработкой
var menulen = 0;
$("#menu").children('img').each(function(indx, element){menulen +=  $(element).outerWidth(true);});
$("#menu").css({"margin-right":function(i,val){val = (menulen/2)*(-1); return val;}, "margin-top":"0"});
$("#menu").children('img').last().prevAll()
               .css("margin-right", function(i,val){
                        var lenth = $(this).width();
                        val = Math.round((200 -lenth)/2);
                        return val;});

//далее вторая часть, отвечающая за само изменение размеров картинок, ранее была только она, и она работала...

$(function(){
    $('.zoom').hover(function(){
            var name = $(this).attr("src");    
            $(this).stop().animate({width:"200px",height:"200px",left:"-40px",top:"-40px"}, 400);
            name = name.replace(/1/g, "2");
            $(this).attr("src",name);
        },
        function(){        
            var name = $(this).attr("src");    
            $(this).stop().animate({width:"100px",height:"100px",left:"0",top:"0"}, 400);
            name = name.replace(/2/g, "1");
            $(this).attr("src",name);
        });
});