title: Popover on page load
body: <p>I add elements to the page dynamically, so when I need a popover I use something like this:</p>
  
  <pre><code>$('body').popover({
      selector: '[data-toggle=\"popover\"]',
      trigger: 'click',
      placement: 'right'
  });
  </code></pre>
  
  <p>I need to add another element that needs to have the popover loaded when the element is loaded and should stay next to it on the page as long as the element is present. So, I've added element and attempted the following:</p>
  
  <pre><code>$('body').popover({
      selector: '.myPopover',
      placement: 'right'
  });
  
  &lt;div class="popover myPopover right"&gt;...&lt;/div&gt;
  </code></pre>
  
  <p>I think I need some sort of trigger, kind of like I did on click, but am not sure what to use for onload...</p>
  
  <p>PS Just noticed that the docs of bootstrap have example that is loaded on page open. Can't figure out how they do that. <a href="http://getbootstrap.com/javascript/#popovers" rel="nofollow">http://getbootstrap.com/javascript/#popovers</a></p>