title: Can Bootstrap 3 popovers use an external div for content?
body: <p>All of the examples here <a href="http://getbootstrap.com/javascript/#popovers">http://getbootstrap.com/javascript/#popovers</a> use inline content for the popovers with the <code>data-content</code> attribute.</p>
  
  <p>What I'd like to do is set up a hidden <code>div</code> on my page with the content, and target that from the popover trigger, like:</p>
  
  <pre><code>&lt;div id="myPopoverContent"&gt;
     ...stuff...
  &lt;/div&gt;
  </code></pre>
  
  <p>and then</p>
  
  <pre><code>&lt;a ng-href="" data-toggle="popover"&gt;&lt;span class="badge"&gt;12&lt;/span&gt; You have 12 messages.&lt;/a&gt;
  </code></pre>
  
  <p>as the trigger.  But how to trigger?</p>