Hints not shown on inputs and selects

I would like to display hint messages on invalid form fields, especially on inputs. However, hovering over a form element doesn't show the hint tooltip. This behaviour is cross-browser (IE10, Chrome 29, FF 24).

Wrapping an input in another element and adding data-hint attribute on the parent works for Chrome & FF, causes trouble in IE10 (sometimes it is shown, sometimes it isn't).

JsFiddle:
http://jsfiddle.net/maros_urbanec/8v4y7/

Start with the linked JSFiddle reproduction and compare the behavior of hints on inputs and selects in IE10, Chrome, and Firefox. Then inspect the repository's CSS-only tooltip behavior for form elements. Done means invalid inputs and selects display their hint messages consistently across the reported browsers without requiring a wrapper element.

Written by the indexing model from the issue text.