title: Adding different Twitter Bootstrap popovers to dynamically created elements
body: <p>I'm trying to add popovers to dynamically created elements. Each kind of element (either a ContentEditable or an Img or a Video) needs to have a different popover content.</p>
  
  <p>Because they are dynamic elements, I'm calling the popovers as follows:</p>
  
  <pre><code>$('body').popover({
              selector: '[rel=popoverImage]',
              content: **popoverImage**,
              html: true,
              placement: 'top',
              trigger: 'focus'
          });
  </code></pre>
  
  <p>Where <code>popoverImage</code> is a variable that has the content of the popover for the img element.</p>
  
  <p>The issue comes when I try to add another popover. It doesn't show. I've tried the following:</p>
  
  <ol>
  <li>Having 2 Selectors and calling them in different <code>$('body')popover({...})</code> functions.</li>
  <li>Changing the <code>body</code> element to a dynamically generated container.</li>
  <li>Changing the variable that has the "content" data each time a new element is focused.</li>
  </ol>
  
  <p>Any ideas?</p>