title: jQuery move divs according to mouse position
body: <p>I got a little Problem with jQuery, maybe you guys can help me. Here's the HTML Markup in jfiddle for better understanding:</p>
  
  <p><a href="http://jsfiddle.net/M4SwL/12/" rel="nofollow noreferrer">jsfiddle</a></p>
  
  <p>I'd like to have the div called #move_me to move either to the right or to the left side within the <code>#content_wrapper</code> according to the mouse position inside <code>#content_wrapper</code>.</p>
  
  <p>Basically what I want is: if I move my cursor inside the <code>#content_wrapper</code> div to the right then the <code>#move_me</code> div should move to the left to see content2 div, when I move to the left the #move_me div should move to the right to see content1 div..</p>
  
  <p>I tried to get it to work with mousemove and pageXoffset but I didn't get it to work.</p>
  
  <p>something like this:</p>
  
  <pre><code>$('#content_wrapper').mousemove(function(e){
  var x = e.pageX - this.parentoffsetLeft;
  $('#move_me').css({'left': x}); 
  });
  </code></pre>
  
  <p>HERE IS AN IMAGE EXPLAINING MORE PRECISELY:</p>
  
  <p><a href="http://www.22labs.com/moveme.jpg" rel="nofollow noreferrer">Illustration http://www.22labs.com/moveme.jpg</a></p>