title: JQuery UI Tooltip still showing even after we remove title dynamically
body: <p>I have a table with cells which dynamically adds/removes background-color and title on click. I am using Jquery UI tooltip to display a tooltip. But it keeps displaying the tooltip even when we update the element and remove the title.</p>
  
  <p>[ Here is a JSfiddle which demonstrates the problem:
  <a href="https://jsfiddle.net/uz34vwf5/8/" rel="nofollow noreferrer">https://jsfiddle.net/uz34vwf5/8/</a> - if you click a cell - it highlights it and adds a title in both tables. Now if you move your mouse over them you can see the basic alt text in the first table, and a styled tooltip in the 2nd. </p>
  
  <p>Now click on them again to remove the title. In the first table, you can see it no longer displays the alt text. But in the 2nd, it keeps displaying the tooltip with the old title. ]</p>
  
  <p>I have tried using:</p>
  
  <pre><code>$(this).tooltip('disable');
  </code></pre>
  
  <p>..but it doesn't work. </p>