title: Popover does not display on hover
body: <p>Using Bootstrap popover, the popover does not appear on hover. It appears only when I click the link. I appreciate any help. TIA</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
      $(function () {
          $('body').popover({
              html: true,
              content: function () {
                  return $(this).next().html();
              },
              selector: '.has-popover'
          })
      });
  &lt;/script&gt;
  
  &lt;body&gt;
  &lt;form id="form1" runat="server"&gt;
      &lt;div id="div1" style="margin: 80px 0 0 20px;" runat="server"&gt;
          &lt;a id="A1" style="text-decoration-style: dashed; text-decoration: dashed;" class="has-popover" href="#" rel="popover" data-placement="right" data-original-title="Title Goes Here!" data-trigger="hover"&gt;Hover for popover&lt;/a&gt;
          &lt;div id="Div3" style="display: none"&gt;
              &lt;div style="float: left; width: 15%;"&gt;
                  &lt;img style="max-height: 75px; max-width: 75px;" src="style/x.png" /&gt;
              &lt;/div&gt;
              &lt;div style="float: left; width: 85%;"&gt;
                  &lt;ul&gt;
                      &lt;li&gt;blah blah blah&lt;/li&gt;
                      &lt;li&gt;yada yada yada&lt;/li&gt;
                      &lt;li&gt;blah blah blah&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p></p>