title: Hovering over an select open all options
body: <p>right now in my site I have a select with few options, when I click on it that select is open and see all options is there any way to made it on hover instead click?</p>
  
  <pre><code>&lt;div class="control"&gt;
  &lt;select id="limiter" class="limiter-options" data-role="limiter"&gt;
  &lt;option value="24" selected="selected"&gt; 24 per page &lt;/option&gt;
  &lt;option value="48"&gt; 48 per page &lt;/option&gt;
  &lt;option value="72"&gt; 72 per page &lt;/option&gt;
  &lt;option value="all"&gt; All per page &lt;/option&gt;
  &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I try this script but is not display well:</p>
  
  <pre><code>jQuery('#limiter').hover(function() {
  
    jQuery(this).attr('size', jQuery('option').length);
  }, function() {
  
    jQuery(this).attr('size', 1);
  });
  </code></pre>