title: Hover, mouseover and mouse out
body: <p>I'm learning and using jQuery and want to display a delete icon for some elements.</p>
  
  <p>I have an outer main div, which contains number of wrappers for elements. Inside the element wrapper, I want to display a delete icon when the user hovers over the element wrapper, and remove it when user moves out of the element wrapper.</p>
  
  <p>Using <code>mouseover</code> and <code>mouseout</code>, I can display and remove the icon, but as soon as I move my mouse over the delete icon it is removed because it fires the <code>mouseout</code> event for the element wrapper.  What am I doing wrong?</p>