Hi, I just created a simple button plugin with jQuery and met a little issue which I can't figure out where is the problem. What the plugin does is, it will create buttons based on a div title attribute, for example:

<div title="button1|button2|button3">

So in this case, 3 buttons will be created. The plugin will also add in mouse events (hover, mousedown, etc) to addClass/removeClass for each button. But the issue here is whenever I mouseover button1 or button2, only button3 seems to have the mouse event registered.

An example can be view here:
http://jsfiddle.net/bEcD2/1/

Any help is greatly appreciated.