title: How to trigger dynamically created bootstrap popover with jquery
body: <p>I have a html table with a row that looks like:</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td&gt;&lt;input type="checkbox" name="check[]" value="265"&gt;&lt;/td&gt;   
      &lt;td&gt;265&lt;/td&gt;
      &lt;td&gt;NO MATCH&lt;/td&gt;
      &lt;td&gt;https://stackoverflow.com/&lt;/td&gt;
      &lt;td&gt;No&lt;/td&gt;
      &lt;td&gt;0&lt;/td&gt;
      &lt;td&gt;f79a8316891&lt;/td&gt;
    &lt;/tr&gt;
  </code></pre>
  
  <p>I am trying to build a jquery function that will dynamically create (if it doesn't already exist) and open up a bootstrap 2.32 popover if I pass it over a URL in table cell. So far I have:</p>
  
  <pre><code>       $('td').on('mouseover', function(e) {
              var contents = $( this ).html() ;
  
              if (contents.match("^http")) {
                  console.log(contents);
  
                   this.innerHTML = '&lt;a href="myreference.html" data-bind="popover"' + ' data-content="'+contents +'"&gt; link &lt;/a&gt;';
                   console.log(this.innerHTML);
  
              };
  
              // Trigger the popover to open
              console.log(this.innerHTML );
              $(this.innerHTML ).popover("show");
  
  
          });
  </code></pre>
  
  <p>The popover portion of this is based on <a href="http://jsfiddle.net/8DP4T/1/" rel="nofollow noreferrer">http://jsfiddle.net/8DP4T/1/</a></p>
  
  <p>When I mouseover a url in the table it forms a popover link as expected, that looks like:</p>
  
  <pre><code>&lt;a href="myreference.html" data-bind="popover" data-content="https://stackoverflow.com/"&gt; link &lt;/a&gt;
  </code></pre>
  
  <p>However as I hold the mouse over it no popup occurs. </p>
  
  <p>Interestingly , I have also placed </p>
  
  <pre><code>&lt;a href="myreference.html" data-bind="popover" data-content="https://stackoverflow.com/"&gt;Brick&lt;/a&gt; 
  </code></pre>
  
  <p>below my table and this is working with a popover created. </p>
  
  <p>this appears to be a known problem  with questions such as <a href="https://stackoverflow.com/questions/11947094/twitter-bootstrap-popovers-not-working-for-dynamically-generated-content?rq=1">Twitter Bootstrap Popovers not working for Dynamically Generated Content</a> . How can I get this working in my case?</p>