title: How to display a tooltip for each f:selectItem onMouseOver event
body: <p>I am trying to find a way to display a <strong>tooltip</strong> (or the html 'title' attribute) whenever I <strong>mouseOver</strong> an option element. I am using JSF's <strong>t:selectOneMenu</strong> and <strong>f:selectItems</strong>.</p>
  
  <p>Values for the selectItems are passed as a variable (ArrayList) from my backing bean. My xhtml codes are found below:</p>
  
  <pre><code>&lt;t:selectOneMenu id="mySelectOneMenu" value="#{backerBean.myForm.status}"&gt;
      &lt;f:selectItems id="mySelectItems" value="#{backerBean.statusSelectItems}"/&gt;
  &lt;/t:selectOneMenu&gt;
  </code></pre>
  
  <p>Values for the dropdown are Completed, Failed, and In Progress.
  I want the tooltip say something about each status whenever hovered on.</p>
  
  <p>I have tried using the <strong>rich:tooltip</strong> tag but could not get it to work to change dynamically. Can anyone please help me perform this. I am open to javascript or jquery methods. If it can be done using JSF tags and attributes, better!</p>