javascript - ポップオーバーのタイトルがうまく表示されないのはなぜですか?

Question

プロジェクトでブートストラップを使用しています。モーダル ウィンドウ内でポップオーバーを使用したいのですが、ポップオーバーのタイトルは次のようになります。

モーダル内にあるコードは次のとおりです。

<button id="popover-test-in-modal" type="button" class="btn btn-primary" 
   data-toggle="popover" title="Test for popover" 
   data-content="And here's some amazing content. Testing popover.">Popover
</button>

<script>
        $("#popover-test-in-modal").popover();
</script>

これが jsFiddle です: http://jsfiddle.net/7k5mjw24/
どうすれば修正できますか?