title: How to update Bootstrap 3 tooltip text on each hover?
body: <p>I'd like to just simply update the tooltip each time on hover before display.  I have a warning icon that pops up if there's been an error, and on hover I'd like the most recent error to show up.  What I have doesn't work, though.</p>
  
  <p>HTML Snippet</p>
  
  <pre><code>&lt;div id="title"&gt;App&lt;/div&gt;
      &lt;button id="warningbtn" type="button" class="btn-default btn-sm" 
                    data-toggle="errortip" data-placement="right" title=""&gt;
          &lt;span class="glyphicon glyphicon-warning-sign"&gt;&lt;/span&gt; 
      &lt;/button&gt;
  </code></pre>
  
  <p>JavaScript/JQuery:</p>
  
  <pre><code>function start(){
    let result = addon.start();
    if (result == -1){
        recentError = "Your license is invalid.";
    }
  }
  
  $(document).ready(function(){
  
  $('[data-toggle="errortip"]').tooltip({
    trigger : 'hover',
    title: errorVariable
   });
  </code></pre>
  
  <p>Start is called from a simple start button on the page.  recentError is declared at the top of the .js file.</p>
  
  <p>Thanks for the help!  </p>