title: Display info box on hover select option
body: <p>I am looking to display a info box when user hover on the select option. for ex:</p>
  
  <pre><code>    &lt;select id = "sel"&gt;
         &lt;option value="sick leave"&gt;Sick leave&lt;/option&gt;
         &lt;option value="urgent leave"&gt;urgent leave&lt;/option&gt;
         &lt;option value="maternity leave"&gt;Maternity leave&lt;/option&gt;
         &lt;option value="relocation leave"&gt;Relocation leave&lt;/option&gt;
       &lt;/select&gt;
  </code></pre>
  
  <p><strong>when the user mouse over the options a message box should display showing the number of leaves he is left with of that particular type and as he moves down the info should change according to the type of leave the cursor is pointing</strong></p>