twitter-bootstrap - ブートストラップ ポップオーバーに href リンクが表示されない

Question

ポップオーバーはポップしますが、リンクは表示されません-テキストだけです。ここで何が問題なのかわかりません:

<a class="sharepopover" data-original-title="Share the MMS to your groups" data-placement="top" data-content="
        &lt;div&gt;&lt;br/&gt;

            &lt;a&nbsp;href='http://gruppu.com/share/1#2'&gt;&nbsp;ludek&nbsp;&lt;/a&gt;&lt;br/&gt;

            &lt;a&nbsp;href='http://gruppu.com/share/1#3'&gt;&nbsp;kunda&nbsp;&lt;/a&gt;&lt;br/&gt;

            &lt;a&nbsp;href='http://gruppu.com/share/1#4'&gt;&nbsp;testik&nbsp;&lt;/a&gt;&lt;br/&gt;

        &lt;/div&gt;">Share</a>

そして、ポップオーバーを初期化する方法は次のとおりです。

<script type="text/javascript">
    $(function () {
      //  $("#sharepopover").popover({html: true, trigger: "click"});
      $('html').click(function(e) {
    $('.sharepopover').popover('hide');
});

$('.sharepopover').popover({
    html: true,
    trigger: 'manual'
}).click(function(e) {
    $(this).popover('toggle');
    e.stopPropagation();
});
    });
</script>

アップデート：

データコンテンツでhtmlをエスケープしなくても、ポップオーバーは期待どおりに機能します。