title: How to modify this jquery?
body: <p>I have got a script for suggestion box. Its working great but problem with this I want to modify it for upkey and downkey event. Its just giving suggestion even not working for mouse click event.</p>
  
  <pre><code>function lookup(inputString) {
      if(inputString.length == 0) {
          // Hide the suggestion box.
          $('#suggestions').hide();
      } else {
          $.post("rpc.php", {queryString: ""+inputString+""}, function(data){
              if(data.length &gt;0) {
                  $('#suggestions').show();
                  $('#autoSuggestionsList').html(data);
              }
          });
      }
  } // lookup
  
  function fill(thisValue) {
      $('#inputString').val(thisValue);
      setTimeout("$('#suggestions').hide();", 50);
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;input type="text" size="30" value="" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" /&gt;
  &lt;div class="suggestionsBox" id="suggestions" style="display: none;"&gt; &lt;img src="upArrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" /&gt;
  &lt;div class="suggestionList" id="autoSuggestionsList"&gt; &amp;nbsp; &lt;/div&gt;
  </code></pre>
  
  <p>As I am new with jquery, may I have idea how to modify it further for mouse click or keyboard arrow keys.</p>