jQuery Hover Flickering Issue

jQuery Hover Flickering Issue

Hi guys, I am trying to use jQuery for hovering on a "li" tag - but for some reason it fires the mouseleave event as soon as I hover on to the item.

I am trying it the following way
  1. .hover(function () {
  2.     $.MessageBox("This is a Message");
  3. }, 
  4. function () {
  5.  $.MessageBox.close();
  6. });
MessageBox is my function to show a popup window.
I have three "li" tags in the web page. whenever I hover on it - it starts firing both the event at the same time.

Any ideas ?