title: Bootstrap popover in modal and input-group-addon
body: <p>I can't get Bootstrap 3.3.5 popover to work. I want the popover to become visible when hovering the input-group-addon, but nothing happens.</p>
  
  <p>My current code:</p>
  
  <p><strong>Javascript:</strong></p>
  
  <pre><code>    $(document).ready(function () {
          $("[data-toggle=popover]").popover({ trigger: 'hover', container: '#imgPopover'});
      });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="input-group"&gt;
      &lt;button id="imgPopover" type="button" class="input-group-addon"  data-toggle="popover" data-placement="bottom" data-content="Content" data-trigger="hover"&gt;
          &lt;img src="~/images/absolent-logo.gif" style="max-height: 20px" /&gt;
          &lt;span data-bind="html: $parents[1].text.qTempHeader"&gt;&lt;/span&gt;
      &lt;/button&gt;
      &lt;input type="number" class="form-control" data-bind="value: qTemp"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've tried a bunch of different things, but nothing seems to do it. A push in the right direction would be much appreciated.</p>