title: How to change content of a bootstrap popover that has already been displayed?
body: <p>I have a form with a password entered twice. I check password complexity and consistency and display appropriate error messages into a popover attached to the INPUT field:</p>
  
  <pre><code>&lt;a href="#" id="aIdPwd2" data-toggle="manual" data-content="The password entered does not match the one previously entered" data-placement="right" href="#" rel="popover"&gt;
  &lt;input type="password" id="iIdPwd2" class="fmt1" size="60" value=""/&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>With this code:</p>
  
  <pre><code>$("#aIdPwd2").popover({content: msg});
  </code></pre>
  
  <p>You can chose dynamicaly the message that will be displayed. But once it has been displayed once, it will then always remain the same.</p>
  
  <p>I read many articles about this popular issue and did try many things (attach 2 different popover to the same input, change the inner html in the getElementsByClassName("popover-content"), destroy and recreate the popover, ..), but without any success so far.</p>
  
  <p>A solution on how to change content of a bootstrap popover that has already been displayed or any kind of work-around would be highly appreciated.</p>