title: HTML select tag autocomplete
body: <p>I got some select tag as follows:</p>
  
  <pre><code>&lt;select id="fruits"&gt;
     &lt;option value="1"&gt;Apple&lt;/option&gt;
     &lt;option value="2"&gt;Banana&lt;/option&gt;
     &lt;option value="3"&gt;Orange&lt;/option&gt;
     &lt;option value="4"&gt;Grapes&lt;/option&gt;
     &lt;option value="5"&gt;Ginger&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>What I want to do is, whenever the user focus on the <code>select</code>, and he's clicking on the key "<code>G</code>" in his keyboard, the option "<code>Grapes</code>" will be automatically selected, and when he presses "<code>G</code>" once again, "<code>Ginger</code>" will be selected and so on. </p>
  
  <p>I have no clue how to do it.</p>