Adding keyboard shortcuts (up, down, enter) to search input suggestions div
<p>I have a search suggestion <code>div</code> that appears when you <code>keyUp</code> an input. This works fine, but now I am trying to make keyboard shortcuts in action.</p>

<p>I want a behavior like when you click <kbd>down</kbd> keyboard arrow button a <code>span</code> gets selected and if it is selected then another <code>span</code> that is after gets selected, similarly, if you click <kbd>up</kbd> arrow an upward <code>span</code> gets selected, when you click <kbd>enter</kbd> then link opens.</p>

<p>I am stuck because I could not remove a:hover and could not add classes to it. Even after I have basically no idea how to do it. But I really tried hard and a lot..</p>

<p>Here is a <a href="http://jsfiddle.net/DCvUJ/2/" rel="nofollow">jsfiddle link</a> (type anything in field). maybe somebody will help me.</p>
