Я новичок в javascript и надеюсь, что кто-то может помочь мне решить эту проблему. Я пытаюсь сделать div с id "переехать," скользить вперед и назад. Код работает в jsfiddle, но не будет работать, когда я помещу его в HTML-документ. Я попытался поместить верхнюю часть в отдельный файл js и вызвать переменную в голове только с использованием последней строки кода:

animateMe($('#move'), 2000);

Это не сработало. Затем я попытался поместить весь js-скрипт в голову, и это тоже не сработало. Это код в заголовке моего HTML-документа:

 $(targetElement).css({ left: '50px', top: '50px' }).animate({
        'left': '200px'  },{
       duration: speed,
        complete: function () {
            $(this).animate({
            'left':'50px'
            },{
            duration: speed,
            complete: function () {
         animateMe(this, speed);
                }
            })
        }
        }
   ); 
  };
animateMe($('#move'), 2000);

Это код в теле. Обычно я использую внешний документ CSS, но для того, чтобы сократить время, я использовал встроенный CSS здесь.

Я беру код как есть из jsfiddle и помещаю его в голову или в отдельный файл js. Не уверен, что это делает скрипт неработающим. Любая помощь приветствуется. Спасибо всем заранее.

Это ссылка на мою работу над jsfiddle:http://jsfiddle.net/wrdweaver6/r8Kf9/