title: Putting table into Bootstrap popover
body: <p>I have a Bootstrap popover and I'm trying to put a table into it but then it doesn't show up when I click on it. This is the first time attempting HTML inside a popover so I'm unsure how to go about doing it correctly. Thanks!</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(function(){
      $("[data-toggle=popover]").popover({
          html : true,
          content: function() {
            var content = $(this).attr("data-popover-content");
            return $(content).children(".popover-body").html();
          },
          title: function() {
            var title = $(this).attr("data-popover-content");
            return $(title).children(".popover-heading").html();
          }
      });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;a role="button" class="btn btn-link btn-item black-text" data-toggle="popover" data-trigger="focus" data-placement="top" title="Currency Converter" data-content="Displayed rates are only for informational purposes and do not reflect on the actual rates you may be charged by the financial institution handling your transaction.
  &lt;table class='table table-condensed table-bordered'&gt;
  &lt;tr&gt;&lt;td&gt;Euro&lt;/td&gt;&lt;td&gt;€79,123&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;GB Pound&lt;/td&gt;&lt;td&gt;£46,536&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;AU $&lt;/td&gt;&lt;td&gt;$123,456&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;LLC accepts payment in US Dollars only. Rates do not include taxes, duties, shipping, insurance, or any other expenses associated with the purchase."&gt;&lt;i class="fa fa-exchange"&gt;&lt;/i&gt; Currency converter&lt;/a&gt;</code></pre>
  </div>
  </div>
  </p>