title: Bootstrap Popovers and Tooltips on dropdown list's option element
body: <p>Inspired by the following discussion on <a href="https://stackoverflow.com/questions/13126144/twitter-bootstrap-popovers-and-tooltips-on-listbox-option-elements-showing-in-th">Twitter Bootstrap Popovers and Tooltips on Listbox Option Elements showing in the wrong place</a> and following on, I wanted to use the technique showed in the answer and use it on a simple dropdown list ie. a <code>select</code> element with no <code>size</code> attribute or <code>size="1"</code>.</p>
  
  <p>While it continues to work on latest to date version of Firefox (V18), it doesn't anymore on Webkit based browsers (Chrome V24 nor Safari V6) on MacOS X as well as Windows 7.</p>
  
  <p>Is there any way to make it work in Chrome as well as Safari?</p>
  
  <p>Forked demo code is as <a href="http://jsfiddle.net/ryZ9q/" rel="nofollow noreferrer">http://jsfiddle.net/ryZ9q/</a></p>