title: Bootstrap - Programmatically attach and show popover to an element
body: <p>I'm using Bootstrap v3 and I'm trying to show a popover programmatically, next to an element, when the page loads.
  There is no popover markup in the DOM. I want to create and show it in JQuery.</p>
  
  <p>I've tried this but it doesn't work. </p>
  
  <pre><code>$( document ).ready(function() {
     $('.theElement').popover({
              placement:'right',
              trigger:'manual',
              html:true,
              content:'popover content'
          });
     $('.theElement').popover('show')
  });
  </code></pre>
  
  <p>I get a "TypeError: Argument 1 of Window.getComputedStyle is not an object" error in console. I'm assuming this is caused by the above.</p>