title: Why is this popover not displaying info from an ajax call?
body: <p>Here I have a popover with a 1 second delay to display user profile info when hovering over a link to that user's profile.</p>
  <pre><code>             $(function() {
                   var timer = null;
                   var xhr = null;
                   $('.user_popup').hover(
                       function(event) {
                           //mouse in event handler
                           var elem = $(event.currentTarget);
                           timer = setTimeout(function() {
                               timer = null;
                               xhr = $.ajax(
                                   '/user/' + elem.first().text().trim() + '/popup').done(
                                       function(data) {
                                           xhr = null;
                                           elem.popover({
                                               trigger: 'manual',
                                               html: true,
                                               animation: false,
                                               container: elem,
                                               content: data
                                           }).popover('show');
                                         flask_moment_render_all();
                                       }
                                   );
                           }, 1000);
                       },
  </code></pre>
  <p>It is appearing and disappearing correctly but doesn't populate with the data called by ajax, which is an HTML table.</p>
  <p>The debugger indicates that the call works and <code>data</code> shows the info I want obtained from another route in my app.</p>
  <p>If I replace the `content' option with a hardcoded string, this does display correctly. So I know it is something to do with the ajax call.</p>