jquery - 手動でホバーを呼び出すと機能しません

Question

次のコードに問題があります。

<li>
    <a href="http://example.com" id="webd">
        <span class="hot">W</span>eb Development
    </a>
</li>
..................
<p class='web' > Web for all</p>

CSS ファイル:

.hover {
  background: #000;
}

.hot{
    text-decoration:underline;
}`

Javascript ファイル:

 $('body').keypress(function(event){
    if(String.fromCharCode(event.which)=="w" || String.fromCharCode(event.which)=="W")
    {
        $('#webd').hover();
    }........
    .....
    }
    $('#webd').hover(function(event)
    {
      $('.web').show();
      $('.prog').hide();
      $('.rdbms').hide();
      $('#webd').addClass('hover');
    }, function()
    {
      $('#webd').removeClass('hover');
    });

とはいえ

alert(String.fromCharCode(event.which)) 

w または W 手動呼び出しhover()が機能しません。「Web for all」というテキストが表示されません....

誰もそれを説明できますか？前もって感謝します！