jquery - href アンカーのクリックにより、jquery、firefox、IE 10 を使用して入力要素にフォーカスが失われる

Question

問題は IE10 と Firefox で発生しますが、Chrome では機能します。

私はこのようなアンカーを持っています:

<a id="link-to-form" href="#bonus-form">

また、jquery を使用してフォーカスした入力要素もあります。

<input type="text" id="firstname" name="firstname" required />

$(document).ready(function(){                   
   $('#firstname').focus();     
});

私の問題は、アンカー リンクを押してページ内を移動すると、入力タグからフォーカスが失われることです。アンカーリンクを押した後、入力に集中したいと思います。

私は多くのことを試しましたが、最後のものは次のとおりです。しかし、それでもピントが合いません。実際にはデバッガーでクリック イベントが発生しますが、すぐにアンカーが実行され、再びフォーカスが失われます。

$("#link-to-form").on("click", function (e) {
    $('#firstname').focus();
    return true;            
});