Code funktioniert in jsfiddle aber nicht in HTML-Dokumenten

Ich bin ein Anfänger mit Javascript und hoffe, dass mir jemand helfen kann, dieses Problem zu lösen. Ich versuche ein Div mit der ID zu machen, "bewegen", hin und her schieben. Der Code funktioniert in jsfiddle, aber nicht, wenn ich ihn in mein HTML-Dokument einfüge. Ich habe versucht, den oberen Teil in einer separaten js-Datei abzulegen und die Variable im Kopf nur mit der letzten Codezeile aufzurufen:

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

Das hat nicht funktioniert. Ich habe dann versucht, das gesamte js-Skript in den Kopf zu stellen, und das hat auch nicht funktioniert. Dies ist der Code im Kopf meines HTML-Dokuments:

<script type="text/javascript" src="javascript/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
 $(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);</script>

Dies ist der Code im Körper. Normalerweise verwende ich ein externes CSS-Dokument, aber um die Dinge kürzer zu halten, habe ich hier Inline-CSS verwendet.

<div id="move" style="position: absolute; width: 100px; height: 100px; background-color: green;"></div>

Ich nehme den Code wie er von jsfiddle ist und platziere ihn in den Kopf oder in meine separate js-Datei. Nicht sicher, ob dies dazu führt, dass das Skript nicht funktioniert. Jede Hilfe wird geschätzt. Ich danke Ihnen allen im Voraus.

Dies ist der Link zu meiner Arbeit an jsfiddle:http://jsfiddle.net/wrdweaver6/r8Kf9/

Antworten auf die Frage(2)

Ihre Antwort auf die Frage