title: How do I cancel out arrow key in Jquery
body: <p>I have this code which is for youtube autocomplete suggestions:</p>
  
  <pre><code>$(function(){
  
      $('#input-field').keyup(function(){
          var val = $(this).val();
          jQTubeUtil.suggest(val, function(response){
              var html = '';
              for(s in response.suggestions){
                  var sug = response.suggestions[s];
                  html += '&lt;li class="li-class"&gt;&lt;a href="#"&gt;'+sug+'&lt;/a&gt;&lt;/li&gt;';
              }
              if (response.suggestions.length)
                  $('#autocomplete').html(html).show();
              else 
                  $('#autocomplete').hide();
          });
      });
  
  });
  </code></pre>
  
  <p>How can I STOP a request being made if an arrow key (keycode 40/38) is being pressed?
  I know it has something to do with '!' or event '.not' but my efforts did not pay off. </p>