title: Bootstrap Popover not working consistently
body: <p>I have a problem with the bootstrap Popover. It works sometime but other times it doesn't. I use it to generate a popover with a users information when a visitor hovers over the users name. The page is generated by ajax so at first I thought that it simply was an issue of content being loaded after but the issue is that it works sometimes.</p>
  
  <pre><code>$(document).on('mouseenter', '.postusername', function(e){
      var userid = this.parentElement.parentElement.children[0].innerHTML;
      var te = this;
      if(userid)
      {
          $.get('/Requests/getuinfo.php', {id : userid})
          .done(function(data){
              var uinfo = JSON.parse(data);
              boo = uinfo;
              $(te).popover({
                  html : true,
                  template : '&lt;div class="popover" role="tooltip"&gt;&lt;div class="arrow"&gt;&lt;/div&gt;&lt;div class="popover-content"&gt;&lt;/div&gt;&lt;/div&gt;',
                  content : '&lt;div class="popover-holder" style="background-image:url(\'/Style/Media/CoverPics/' + uinfo.coverpic + '\');"&gt;' + uinfo.name 
                  + '&lt;/div&gt;',
                  placement: 'auto'
              });
              $(te).popover('show');
          });
      }
  });
  
  $(document).on('mouseleave', '.postusername', function(e){
      $(this).popover('hide');
  });
  </code></pre>
  
  <p>That is the Javascript I used.</p>