Jquery mouseenter() vs mouseover()
<p>So after reading a recently answered <a href="http://stackoverflow.com/questions/7285902/mouseover-problem">question</a> i am unclear if i really understand the difference between the <code>mouseenter()</code> and <code>mouseover()</code>. The post states </p>

<p><strong>MouseOver():</strong></p>

<blockquote>
  <p>Will fire upon entering an element and whenever any mouse movements
  occur within the element. </p>
</blockquote>

<p><strong>MouseEnter():</strong></p>

<blockquote>
  <p>Will fire upon entering an element.</p>
</blockquote>

<p>I came up with a <a href="http://jsfiddle.net/ZCWvJ/1/">fiddle</a> that uses both and they seem to be quite similar. Can someone please explain to me the difference between the two ? </p>

<p>I have also tried reading the JQuery definitions, both say the same thing. </p>

<blockquote>
  <p>The mouseover event is sent to an element when the mouse pointer enters the element</p>
  
  <p>The mouseenter event is sent to an element when the mouse pointer enters the element. </p>
</blockquote>

<p>Can someone please clarify with an example? </p>
