jQuery focus not working form document but working from console
<p>I have the following code that adds keyboard accessibility to a drop-down. </p>

<pre><code>$(document).ready(function()
{
    $(".selectButton").focus(function() { 
       alert("Working");
       var href=this.href;
       var opt=href.substr(23,1);
       var torf=href.substring(25);
       showOptions(opt,false);                                          
       $(".optionsDivVisible a:first").focus();
   }).blur(function() {
       $(this).parents("li").removeClass("hover");
   });
});
</code></pre>

<p>This is working from console and the drop down is showing as soon as the element get focus. But when I add it to the HTML file, it is showing nothing. </p>
