dynamically generated tooltip in chrome

[devnull]

Please refer this fiddle: http://jsfiddle.net/54v8nacp/44/

In Chrome, the tooltip closes when you click on the checkbox and you cannot click a checkbox, in Firefox it works OK

[jarry]

When clicking on the checkbox, the tip object loses focus, so the tip is hidden. Please try to use the 'mouseleave' event instead of 'blur' event.
http://jsfiddle.net/54v8nacp/46/

[devnull]

Thanks for helping Jarry;

That kind of works, but if the user accidentally hovers over the icon and then does not hover over the tooltip, then the tooltip remains visible.

If the focus() method worked, then it would always disappear as soon as the it lost focus.

[jarry]

Please look at this updated example, the tooltip disappears when moving mouse out of the 'Test' text.
http://jsfiddle.net/54v8nacp/47/