jQuery mouseup not being detected correctly

Question

I have a div that contains a span. I have a mouseup, and mousedown event that should fire when pressing in the div. However it doesn't work correctly.

Please go to this fiddle: http://jsfiddle.net/Ym7rM/

If you select the text and then try to drag it, it just detects the mousedown event,but not the mouseup.

What am I doing wrong? I'm using Chrome.

Thanks

EDIT:

Sorry, I simplified the question, see the new fiddle.

Answer 1

The mouseup event is being detected correctly; it's just that the browser is not firing a mouseup event after you perform a drag. This is an intentional behavior by the browser. You should also listen for the dragend event if you want to include the behavior that you are intending now.

Answer 2

the mouseup event is fired only inside the orange div. thats what you coded. try this http://jsfiddle.net/ur8J9/5/