title: Can I use html tags in twitter-bootstrap popover data-content?
body: <p>I'm using Twitter-Bootstrap within a Rails 3.1.3 application. I have numerous elements with popovers like:</p>
  
  <pre><code>&lt;a data-original-title="Quality" rel="popover" data-content="Did they do a good job?  5 for Really Nice, 4 for Good Enough, 3 for Average, 2 for Somewhat OK, 1 for Really Bad"&gt;Q&lt;/a&gt;
  </code></pre>
  
  <p>I'd like to have an ordered list in the content section similar to: </p>
  
  <pre><code>&lt;OL reversed="reversed"&gt;
    &lt;LI&gt; for Really Nice &lt;/LI&gt;
    &lt;LI&gt; for Good Enough &lt;/LI&gt;
    ...
  &lt;/OL&gt;
  </code></pre>
  
  <p>Is there a simple way to do this without modifying the JavaScript? Whatever I try, the html code is displayed on the browser instead of being interpreted as such. </p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>Using the following code per David's suggestion</p>
  
  <pre><code>link_to 'Q', '#', options: { data-original-title: "Quality", rel: 'popover', data-content: "Did they do a good job? &lt;ol&gt;&lt;li&gt; for Really Nice &lt;/li&gt;&lt;li&gt;...&lt;/li&gt;&lt;/ol&gt;".html_safe }
  </code></pre>
  
  <p>generates a syntax error with my setup. I think this explains why: <a href="https://stackoverflow.com/questions/2134702/ruby-1-9-hash-with-a-dash-in-a-key">Ruby 1.9 hash with a dash in a key</a> . So I'm using:</p>
  
  <pre><code>&lt;%= link_to 'Q', '#', options: { :"data-original-title" =&gt; "Quality", :rel =&gt; 'popover', :"data-content" =&gt; "Did they do a good job? &lt;ol&gt;&lt;li&gt; for Really Nice &lt;/li&gt;&lt;/ol&gt;".html_safe } %&gt;
  </code></pre>
  
  <p>This doesn't work. It generates the following HTML:</p>
  
  <pre><code>&lt;a href="#" options="{:&amp;quot;data-original-title&amp;quot;=&amp;gt;&amp;quot;Quality&amp;quot;, :rel=&amp;gt;&amp;quot;popover&amp;quot;, :&amp;quot;data-content&amp;quot;=&amp;gt;&amp;quot;Did they do a good job? &amp;lt;ol&amp;gt;&amp;lt;li&amp;gt; for Really Nice &amp;lt;/li&amp;gt;&amp;lt;/ol&amp;gt;&amp;quot;}"&gt;Q&lt;/a&gt;
  </code></pre>