title: Selecting List Element (capturing down/up arrow)
body: <p>I have following HTML structure ('ul li' are rendered as drop-down/select)</p>
  
  <pre><code>&lt;input id="input_city" type="text" /&gt;
  
  &lt;div class="suggestions"&gt;
   &lt;ul&gt;
    &lt;li value="0" name="New York"&gt;New York&lt;/li&gt;
    &lt;li value="1" name="London"&gt;London&lt;/li&gt;
    &lt;li value="2" name="Paris"&gt;Paris&lt;/li&gt;
    &lt;li value="3" name="Sydney"&gt;Sydney&lt;/li&gt;
   &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Need JavaScript/jQuery code to capture down arrow key press event (on input) which will select first 'li' element</p>
  
  <p>Consecutive down key select next 'li' elements; and up key select previous 'li' elements.</p>