title: Bootstrap Popover - JS Trigger
body: <p>I'm trying to trigger Bootstrap's Pop Over with JS.</p>
  
  <p>I want to be able to change the message and title relative to the link I click.</p>
  
  <p>It works if I actually click the link, but I want to achieve this via Jquery .Click event.</p>
  
  <p>Here is my current JS code:
  //Global Tooltip Functionality</p>
  
  <pre><code>$(function () {
      $(".tool-tip").on("click",function () {
          //Initializes Tooltip
          $(function () {
              $("#ToolTipContainer").popover();
          });
          var title = $(this).attr("data-tooltip-title"),
              message = $(this).attr("data-tooltip-message");
          $("#ToolTipContainer").attr("title", title);
          $("#ToolTipContainer").attr("data-content", message);
          $("#ToolTipContainer").click();
      });
  });
  </code></pre>
  
  <p>Here is my DOM element I am calling function from:</p>
  
  <pre><code>&lt;button type="button" class="tool-tip btn btn-default" data-dismiss="modal" data-tooltip-title="Item Added" data-tooltip-message="Some Message"&gt;Continue Shopping&lt;/button&gt;
  </code></pre>
  
  <p>Here is the pop-up container(css hides this, I only want to see the pop-up):</p>
  
    
  
  <pre><code>&lt;a href="#" id="ToolTipContainer" data-toggle="popover" data-trigger="focus" data-placement="bottom" title="" data-content=""&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Bootstrap Documentation: <a href="http://getbootstrap.com/javascript/#popovers" rel="nofollow">Bootstrap PopOver</a></p>