Soy un principiante con javascript y espero que alguien pueda ayudarme a resolver este problema. Estoy tratando de hacer un div con el id, "mover", deslice hacia adelante y hacia atrás. El código funciona en jsfiddle, pero no funcionará cuando lo coloque en mi documento html. He intentado colocar la parte superior en un archivo js separado y llamar a la variable en la cabeza solo usando la última línea del código:

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

Eso no funcionó. Luego intenté colocar todo el script js en la cabeza y eso tampoco funcionó. Este es el código en la cabecera de mi documento html:

<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>

Este es el código en el cuerpo. Normalmente uso un documento css externo, pero con el fin de tratar de mantener las cosas más cortas, usé el css en línea aquí.

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

Estoy tomando el código tal como es de jsfiddle y lo coloco en la cabeza o en mi archivo js separado. No estoy seguro de si hacer esto es lo que hace que el script no funcione. Cualquier ayuda es apreciada. Gracias a todos de antemano.

Este es el enlace a mi trabajo en jsfiddle:http://jsfiddle.net/wrdweaver6/r8Kf9/