how to make a keyboard navigation using jquery?
<pre><code>        &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;

    &lt;head&gt;
        &lt;meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /&gt;
        &lt;meta name="author" content="bbbbb" /&gt;

        &lt;title&gt;Untitled 2&lt;/title&gt;
        &lt;script type="text/javascript" src="js/jquery-1.5.1.js"&gt;&lt;/script&gt; 

    &lt;style&gt;
    #test ul{list-style:none;}
    #test li{width:75px;height:25px;padding-left:25px;padding-right:25px;padding-top:10px;padding-bottom:10px;}
    .active{background:#AEABAB;}
    a.active{color:#ffffff;}
    &lt;/style&gt;
    &lt;/head&gt;

    &lt;body&gt;


&lt;script type="text/javascript"&gt;
$(document).ready(function() 
{ 
      $(document).keydown(function(e) {
    switch(e.keyCode) {
    case 38: // up arrow
    window.location.href = 'index.html';
    break; 
    }
    });
});
&lt;/script&gt;
&lt;div id="test"&gt;
&lt;ul&gt;
    &lt;li class="active"&gt;&lt;a  href="test.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a  href="#"&gt;My work&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Blog&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;News&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>i don't want to use <code>"window.location.href = 'index.html';"</code> but want to click my navigation link using click method is it possible???</p>

<hr>

<p><strong><a href="http://www.instatutorial.com/jquery-keyboard-navigation" rel="nofollow">you can check here</a></strong> </p>

<p>i have created a page for keyboard navigation!</p>
