title: Error using mousemove out of the frame div tag using jquery?
body: <p>I have a sample code:</p>
  
  <pre><code>&lt;div style="background: url('test.jpg') no-repeat left center; width: 500px; height: 334px;"&gt;
     &lt;div id="button-wrapper" style="position: absolute; opacity: 1; z-index: 100;"&gt;
     &lt;input type="button" value="submit"&gt;    
     &lt;/div&gt;
  &lt;/div&gt;​
  </code></pre>
  
  <p>And Jquery</p>
  
  <pre><code>jQuery(document).ready(function(){
      jQuery("div[id^=\'button-wrapper\']").parent().mousemove(function(e){
          jQuery("div[id^=\'button-wrapper\']").css({
              top:e.pageY-5,
              left:e.pageX-5
           });
      });
  });​
  </code></pre>
  
  <p>Error when I mouse move out of the frame (div id="button-wrapper") it's run when out of frame, How to fix it, to only run in the frame ? (demo <a href="http://jsfiddle.net/qCbwr/6/" rel="nofollow">here</a>)</p>