twitter-bootstrap - 動的データからポップオーバー内の二重引用符を削除する

Question

Bootstrap Popover を使用して記事の要約を動的に表示しています。つまり、これには二重引用符( " )、一重引用符( ' )、多くのスペース (  )、およびその他の特殊文字も含めることができます。単語からのコピー/貼り付けのコンテンツのため、オンラインなど...

ポップオーバー コンテンツから二重引用符を削除するにはどうすればよいですか?

PS:デモの目的で、data-content要素内の直接テキストとして提供しています。しかし実際には、このデータは" " CSS クラスから動的にトリガーされます。article-description

私のHTML

<!-- Working -->
<article class="category-content" data-content="<div class='article-description'>Lorem Ipsum dolar sit amet</div>" rel="popover" data-placement="bottom" data-original-title="Title" data-trigger="hover">Popover with HTML Content</article>

<!-- Not Working -->
<article class="category-content" data-content="<div class='article-description'>Lorem &nbsp;&nsp;&nbsp;&nbsp; "Test" Ipsum dolar sit amet</div>" rel="popover" data-placement="bottom" data-original-title="Title" data-trigger="hover">Popover with Special Characters.. Eg: " (Double Quotes)</article>

私のCSS

body{margin:100px auto;text-align:center;}

.category-content{
  width:100%;
  padding:10px 0;
  text-align:center;
  background:#eee;
  cursor:pointer;
  margin-bottom:15px;
}

私のスクリプト

$(document).ready(function(){
    $('.category-content').popover({html:true});
});

詳細についてはJsFiddle

：： アップデート ：：

data-contentタグを使用せずに html コンテンツを取得できるようになりましたが、まだ動的データの特殊文字を削除するのに苦労しています。

誰か助けてください！