title: twitter bootstrap popover doesn't work with angularjs
body: <p>I was trying to use twitter bootstrap popover on my webpage when I discover that it doesn't work when it is placed below a <code>&lt;div&gt;</code> with <code>ng-repeat</code>. It works fine at the top within a div class that doesn't contain <code>ng-</code> does anyone know why did it happen and how can I work around the issue?  </p>
  
  <pre><code>&lt;h3&gt;Students Without Team&lt;/h3&gt;
   &lt;div class="accordion" id="studentNoTeamAccordion" &gt;
           &lt;a href="#" class="btn btn-large btn-primary" rel="popover"data-html="true"
              data-content="
                 &lt;form&gt;
                     &lt;textarea class='input-xlarge' rows='12' type='text'&gt;&lt;/textarea&gt;  
                     &lt;P&gt;
                        &lt;input class='btn btn-primary' type='submit' value='Send' /&gt;
                 &lt;/form&gt;"
              data-placement="right" data-original-title="Enquiries"&gt;Send Enquiries
          &lt;/a&gt;
    &lt;div class="accordion-group" ng-repeat="(key,val) in stud_finding"&gt;&lt;
        &lt;a href="#" class="btn btn-large btn-primary" rel="popover"data-html="true"
           data-content="
                 &lt;form&gt;
                     &lt;textarea class='input-xlarge' rows='12' type='text'&gt;&lt;/textarea&gt; 
                     &lt;P&gt;
                         &lt;input class='btn btn-primary' type='submit' value='Send' /&gt;
                 &lt;/form&gt;"
  </code></pre>