title: ReactJS componentDidMount does not behave as expected with Bootstrap
body: <p>I want to call <code>$(dom).popover()</code> on a rendered DOM. So I have:</p>
  
  <pre><code>module.exports = React.createClass({
      componentDidMount: function() {
          $(this.getDOMNode()).popover();
      },
      render: function() {
          return ( // My DOM );
      }
  })
  </code></pre>
  
  <p>This returns error: <code>TypeError: $(...).popover is not a function</code>. BUT if I put a delay in the <code>componentDidMount</code>, then it works, i.e.:</p>
  
  <pre><code>componentDidMount: function() {
      var _this = this;
      setTimeout(function () {
          $(_this.getDOMNode()).popover();
      }, 250);
  }
  </code></pre>
  
  <p>How can I accomplish the same thing without using <code>setTimeout</code>?</p>