Re-opening selectmenu programatically is triggering the select event undesirably

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 expect the select event to be triggered when the selecemenu is re-opened.

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. The use of class ui-front on the container element is to make the selectmenu be appended into the container element automatically when created.