title: Can't change bootstrap Tooltip title
body: <p>I've already looked over several posts on stack overflow asking virtually the exact same question yet none of what I found on those questions has helped.  I'm very new to JQuery and Bootstrap so maybe I'm just missing some really simple thing.</p>
  
  <p>I want to be able to to change the title of the tooltip on different elements after the first initialization(ideally multiple times after initialization.)  A simplified version of what I'm dealing with:</p>
  
  <pre><code>&lt;canvas id="bag0"  data-toggle="tooltip" title="test"&gt;
  &lt;/canvas&gt;
  ...
  &lt;script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
  
  $(document).ready(function(){
              $('#bag0').data('tooltip',false)          
                    .tooltip({ title: 'new text'});
              $('[data-toggle="tooltip"]').tooltip();
  
  });
  </code></pre>
  
  <p>This method to change the title was given from posting: <a href="https://stackoverflow.com/questions/11214324/how-to-overwrite-twitter-bootstrap-tooltip">How to overwrite twitter bootstrap tooltip?</a></p>
  
  <p>The tooltip always reads "test."  I've tinkered with a few others things to no avail.  I suspect I'm overlooking something obvious.</p>