title: Bootstrap popover does not save ckeckboxes
body: <p>I need to count <code>:checked</code> checkboxes on popover content on bootstrap 3.</p>
  
  <p>The problem is when I change checkboxes and close popover it doesn't saved. I tried to reinstall/destroy popovers and change dynamically <code>content</code> option, but no results.</p>
  
  <p>I also tried to create empty array and count checked checkboxes by hands, <code>push</code> every new check to array, but no result again and it is very hard way.</p>
  
  <p>js:</p>
  
  <pre><code>$(function () {
      $('.item').popover({
          placement: 'bottom',
          html: true,
          content: function () {
              return $(this).find('.filters').html();
          }
      });
  
      $('#count').click(function() {
          var filter = $('.item input[type=checkbox]:checked').map(function () {
              return this.value;
          }).get();
  
          $('#res').text(filter);
      });
  });
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="item"&gt;
      &lt;a href="#" onclick="return false;" class="btn btn-primary"&gt;click for popover&lt;/a&gt;
      &lt;div class="filters"&gt;
          &lt;ul class="list-unstyled"&gt;
              &lt;li&gt;
                  &lt;input type="checkbox" value="1" checked="checked" id="filter1"&gt;
                  &lt;label for="filter1"&gt;Filter 1&lt;/label&gt;
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;input type="checkbox" value="2" checked="checked" id="filter2"&gt;
                  &lt;label for="filter2"&gt;Filter 2&lt;/label&gt;
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;input type="checkbox" value="3" id="filter3"&gt;
                  &lt;label for="filter2"&gt;Filter 3&lt;/label&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;br&gt;
  &lt;a href="#" onclick="return false;" id="count"&gt;count&lt;/a&gt;
  &lt;div id="res"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>.filters {
      display: none;
  }
  .popover-content {
      width: 100px;
  }
  </code></pre>
  
  <p>update: <a href="http://jsfiddle.net/sirjay/0vetvfpz/" rel="nofollow">http://jsfiddle.net/sirjay/0vetvfpz/</a></p>