title: Ajax Bootstrap Popover: Object #<Object> has no method 'popover'
body: <p>I'm trying to build an Ajax Bootstrap Popover to display a page that contains a rating star system.</p>
  
  <p>The javascript here work nice the first time.
  Then I have this error:</p>
  
  <blockquote>
    <p>Uncaught TypeError: Object # has no method 'popover' </p>
  </blockquote>
  
  <p>I'm not really good in jQuery, but I guess it seems to be due to the ajax call, but I can't find where the problem is.</p>
  
  <pre><code>$(".myRate")
          .popover({
              offset: 10,
              trigger: 'manual',
              animate: false,
              html: true,
              placement: 'top',
              template: '&lt;div class="popover" onmouseover="$(this).mouseleave(function()  {$(this).hide(); });"&gt;&lt;div class="arrow"&gt;&lt;/div&gt;&lt;div class="popover-inner"&gt;&lt;h3 class="popover-title"&gt;&lt;/h3&gt;&lt;div class="popover-content"&gt;&lt;p&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;'
  
          });
  $('.myRate').mouseenter(popoverDisplay);
  
  popoverDisplay = function() {
  var el = $(this);
  var _data = el.attr('alt');
  $.ajax({
       type: 'GET',
       url: 'notes.php',
       data: _data,
       cache: false,
       dataType: 'html',
       success: function(data) {
          el.attr('data-content', data);
          el.popover('show');
       }
    });
  }
  </code></pre>
  
  <p>I don't get what I am doing wrong...
  Any idea ?</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>After searching, it seems that, it's the loaded pages which causes this error.</p>
  
  <p>Exactly this part:</p>
  
  
  
  
  
  <p>It seems that loading jquery-1.7.2.js make the bug because if I remove it, the error disapear. Problem: I can't delete it because without it jRating doesn't work anymore :/</p>