element onblur event doesn't fire when jquery slider handle is clicked instead of anywhere else on the page

element onblur event doesn't fire when jquery slider handle is clicked instead of anywhere else on the page

Hi there,

I have a page with a select box followed by a jquery slider. I have a simple alert that fires onblur of the select box.

What I've found in practice is that the alert only fires when the html page is clicked after the select box NOT when the slider handle is used.

Oddly, when I run this at jsfiddle, everything works as I would expect:

When I run it on a test page you can see this failure in action.

I'm at a loss to explain why this is happening, so any ideas and possible ways to get around this would be greatly appreciated.

Cheers,
J