jquery - ブートストラップ ポップオーバー フォームが消えないようにする方法

Question

次のブートストラップ ポップオーバー内のフォームを含む? 、ブートストラップナビゲーションバーで使用しているポップオーバー内にフォームを配置することができました。リンクにカーソルを合わせるとポップアップは正常に機能しますが、マウスを動かしてポップオーバーフォームに移動しようとすると、ポップアップが消えます! どうすればこれを修正できますか?

ナビゲーション項目:

<li <? if($active == "change_password") echo "class=\"active\""?>>
<?php echo '<a href="#" id="popover">the popover link</a>' ?>
</li>
<li class="divider-vertical"></li>

js は次のとおりです。

$('li:contains("the popover link")').popover({ 
    html : true,
    title: function() {
        return $("#popover-head").html();
    },
    content: function() {
        return $("#popover-content").html();
    }
});