title: Bootstrap toggle buttons inside popover content not working
body: <p>I have made a <a href="http://jsfiddle.net/KrishnaAraty/ZVak6/1/">jsFiddle</a> where i use twitter bootstrap toggle buttons &amp; popover. </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="btn-group btn-toggle"&gt;
    &lt;button class="btn btn-sm btn-info"&gt;On&lt;/button&gt;
    &lt;button class="btn btn-sm btn-primary active"&gt;Off&lt;/button&gt;
  &lt;/div&gt;
  
  &lt;button id="popbutton" class="btn btn-lg btn-warn"&gt;pop up&lt;/button&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>var popupElement = '&lt;div class="btn-group btn-toggle"&gt;&lt;button class="btn btn-sm btn-  info"&gt;On&lt;/button&gt;&lt;button class="btn btn-sm btn-primary active"&gt;Off&lt;/button&gt;&lt;/div&gt;';
  
  $('#popbutton').popover({
    animation: true,
    content: popupElement,
    html: true
  });
  
  
  $('.btn-toggle').click(function () {
     $(this).find('.btn').toggleClass('active');
  
     if ($(this).find('.btn-primary').size() &gt; 0) {
        $(this).find('.btn').toggleClass('btn-primary');
     }
     if ($(this).find('.btn-danger').size() &gt; 0) {
        $(this).find('.btn').toggleClass('btn-danger');
     }
     if ($(this).find('.btn-success').size() &gt; 0) {
        $(this).find('.btn').toggleClass('btn-success');
     }
     if ($(this).find('.btn-info').size() &gt; 0) {
        $(this).find('.btn').toggleClass('btn-info');
     }
  
    $(this).find('.btn').toggleClass('btn-default');
  
  });
  </code></pre>
  
  <p>The toggle button works, but when i use the same buttons inside a popover, it won't work. </p>
  
  <p>Please suggest a method. </p>