title: Up / Down Arrow jQuery Events on Search box
body: <p>I am trying to implement similar functionality as mentioned in
  <a href="https://stackoverflow.com/questions/1583025/jquery-key-events-with-a-search-box">jQuery Key Events with a Search Box</a></p>
  
  <p>I would like to arrow up and down the search results and select the result on enter key or mouse click.</p>
  
  <p>Find my code at: <a href="http://jsfiddle.net/CyQ2w/" rel="nofollow noreferrer">http://jsfiddle.net/CyQ2w/</a></p>
  
  <p><strong>3 issues:</strong></p>
  
  <p>I am able to arrow up and down, but when I arrow down after the last item, the selection on item disappears. I am trying to disable browsing after last item i.e., keep the last item selected. Same thing happens for first item when we up arrow on it.</p>
  
  <p>When I mouse over the item list and mouse out, the selection hover is removed and now arrow up and down do not work.</p>
  
  <p>Also, on enter key doesn't seem to set the textarea with the item selected. I am trying to capture "id" of selected li.</p>
  
  <p>Any help will be highly appreciated.</p>