title: bootstrap tooltip is not working
body: <p>I'm using bootstrap in my application. I'm trying to show a table of contents as tooltip using <strong>data-html="true"</strong>. but its not working.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>    &lt;div title="&lt;table&gt;&lt;tr&gt;&lt;td&gt;Column1&lt;/td&gt;&lt;td&gt;Value1&gt;&lt;/td&gt;&lt;tr&gt;&lt;td&gt;Column2&lt;/td&gt;&lt;td&gt;Value&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;" 
         data-html="true" rel="tooltip" style="cursor:pointer;" 
         class="infobox infobox-red  infobox-dark  " onclick="OpenDetails(this)"&gt;
        &lt;div class="infobox-icon"&gt;&lt;i class="logo-box boa"&gt;&lt;/i&gt;&lt;/div&gt;
        &lt;div class="infobox-data"&gt;&lt;span class="infobox-data smaller"&gt;BOA&lt;/span&gt;
        &lt;div class="infobox-content"&gt;(0/0/0/0 )&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      $(function () {
              $("[rel='tooltip']").tooltip();
          });    
  
      function OpenDetails(Obj){
       }
  </code></pre>
  
  <p>Thank you all in advance for your response.</p>