title: Trigger mouse move event with custom coordinates
body: <p>How do I trigger a mouse move event with custom coordinates in jQuery?</p>
  
  <p>I tried the following:</p>
  
  <pre><code>canvas1.trigger('mousemove',{pageX: window.width/2 , pageY: window.height/2});
  </code></pre>
  
  <p>and I also tried running this:</p>
  
  <pre><code>canvas1.trigger('mousemove',{pageX: 800 , pageY: 800});
  </code></pre>
  
  <p>However the pageX and pageY seems to be undefined in the event.</p>
  
  <p>I've called this inside a mouse move event:</p>
  
  <pre><code>console.log("Fake mouse move event called successfully! X:", e.pageX, "&amp; Y:", e.pageY);
  </code></pre>
  
  <p>And I didn't move my mouse at all so I could only see the fake event.</p>
  
  <p>This is the result I am getting:</p>
  
  <p><code>Fake mouse move event called successfully! X: undefined &amp; Y: undefined</code></p>
  
  <p>I also tried this with <code>clientX</code> and <code>clientY</code>, and the problem persists..</p>
  
  <p>Has anyone got an idea to how to fix this problem? Have no idea what is going on here.</p>
  
  <p>Thanks, help much appreciated!</p>
  
  <p><strong>EDIT:</strong></p>
  
  <pre><code>canvas1 = $("#canvas");
  </code></pre>