title: Multiple Twitter Bootstrap Popover on the same page only showing first content
body: <p>I have a foreach loop loading posts on a page so I have a dynamic amount of post. Each post has a popover to display the users that liked the post. </p>
  
  <p>Here's my problem:</p>
  
  <p>Lets say user <strong>A</strong> and <strong>B</strong> like post <strong>1</strong></p>
  
  <p>User <strong>C</strong> and <strong>D</strong> like post <strong>2</strong></p>
  
  <p>When I click the popover for likes on post <strong>2</strong> I see users <strong>A</strong> and <strong>B</strong>. I should be seeing users <strong>C</strong> and <strong>D</strong>. Infact I see users <strong>A</strong> and <strong>B</strong> on every post on the page.</p>
  
  <p><a href="http://jsfiddle.net/jmrdy97e/" rel="nofollow">I've made a fiddle to demonstrate this problem</a>. All pop overs are showing <strong>Test 1</strong>, this is incorrect. Only the first should be showing <strong>Test 1</strong>.</p>
  
  <p>Does anyone know why this is happening and how to fix? </p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;h1&gt;Pop-Over Test&lt;/h1&gt;
    &lt;a href="#" class="popover-test" id ="test1" rel="popover"&gt;Hover for popover&lt;/a&gt;
      &lt;div class="popover-list-content" style="display:none;"&gt;
          &lt;ul&gt;
              &lt;li&gt;
                  Test 1
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  
      &lt;br&gt;
  
      &lt;a href="#" class="popover-test" id ="test2" rel="popover"&gt;Hover for popover&lt;/a&gt;
      &lt;div class="popover-list-content" style="display:none;"&gt;
          &lt;ul&gt;
              &lt;li&gt;
                  Test 2
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  
      &lt;br&gt;
  
      &lt;a href="#" class="popover-test" id ="tes3" rel="popover" &gt;Hover for popover&lt;/a&gt;
  
  &lt;/div&gt;
  
  $(function() {
      $('.popover-test').popover({
          html : true,
          content: function() {
              return $('.popover-list-content').html();
          },
          title: function() {
              return $('.popover-list-title').html();
          }
      });
  });
  </code></pre>