how do I get the left and right arrow keys to work in this situation?
<p>how do I get the left and right arrow keys to work in this situation using jquery?</p>

<pre><code>$(document).ready(function()
{
      $('#container').click(function()
      {
           var totalWidth = 0;
           var sizeWidth = $('#insertData1').outerWidth();
           $('#ul_a li').each(function()
           {
              var widthS = $(this).width();
              var textW = $(this).text();

              var widthN = parseInt(widthS,10);
              if((totalWidth + widthN) &lt; sizeWidth)
              {
                    totalWidth = totalWidth + widthN;
                    $('#ul_b').append('&lt;li&gt;'  + textW + '&lt;/li&gt;');                       
        }else
              {
                  return false;                        
              }
    });
        $('#ul_b li').hover(function() 
        {
                $(this).addClass('highlight');
        }, function() 
        {
                $(this).removeClass('highlight');
        });
        $('#ul_b li').keypress(function(e)
        {
                if(e.which == 37)
            {
                $(this).removeClass('highlight');
                $(this).prev().addClass('highlight');
            }elseif(e.which == 39)
            {
                $(this).removeClass('highlight');
                $(this).next().addClass('highlight');
            }
                return false;
        });
    });
});
</code></pre>

<p>By the way, even tried using keyup and get the same problem...</p>

<pre><code>  $('#ul_b li').keyup(function(e)         
 {                 
       if(e.keyCode == 37)             
       {                 
              $(this).removeClass('highlight');                 
              $(this).prev().addClass('highlight');             
       }elseif(e.keyCode == 39)             
      {                 
              $(this).removeClass('highlight');                 
              $(this).next().addClass('highlight');             
      }                 
              return false;
 });
</code></pre>
