I'm use mouseenter and mouseleave events on the container element to trigger the opening and closing of selectmenu. But somehow the re-opening is triggering the select event undesirably.

I don't want the select event to be triggered when I re-open the selecemenu.

Here is how to reproduce the issue:

1. Move mouse cursor onto the selectmenu button, and the selecetmenu will open automatically.
2. Move mouse cursor onto random options.
   
3. Move mouse cursor out of the selecemenu, and the selectmenu will close automatically.
4. Repeat step 1, and the select event is being triggered undesirably.
   

Here is a jsFiddle demo.

P.S. I'm using class ui-front on the container element to make the selectmenu be appended into the container element automatically when created.