title: How to delete or remove the tooltip from javascript?
body: <p>I am creating an icon in javascript with tooltip.</p>
  
  <pre><code>var icon = '&amp;nbsp;&amp;nbsp;&lt;a class="icon-ok" data-type="reftooltip" title="Save" style="cursor: pointer"&gt;&lt;/a&gt;';
  </code></pre>
  
  <p>this icon is displayed and removed dynamically. When I am removing this icon dynamically from javascript by using below code:</p>
  
  <pre><code>success: function(){
  //other code//
  saveparents.parent().parent().find('a.icon-ok').remove();
  //other code//
  }
  </code></pre>
  
  <p>icon is getting removed but tooltip "Save" is still displayed on UI. When I refresh the page, it disappears. But I want it to remove as soon as icon-ok gets removed.</p>
  
  <p>Also I debugged in firebug and found that a div class for tooltip is being created in html page</p>
  
  <pre><code>&lt;html&gt;&lt;body&gt;
  &lt;div ...................&gt;... &lt;/div&gt; 
  &lt;div class="tooltip fade top in" style="top: 156.5px; left: 256.667px; display: block;"&gt;
     &lt;div class="tooltip-arrow"&gt;&lt;/div&gt;
     &lt;div class="tooltip-inner"&gt;Save&lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>
  
  <p>From firebug I can remove this div by right clicking on deletenode. It successfully removes from UI as well. So I think if I do this using javascript code, it should be removed.</p>
  
  <p>But I don't know what code to put in success function to delete that div class tooltip fade top in. I need help here.</p>