title: How to hide a tooltip in angularjs based application?
body: <p>I have a list of trs with nested tds. This is a angular based app. I am also using <strong>tooltip.js</strong> bootstrap plugin. What I'm trying to achieve is to hide a tooltip from tr when I mouseover on td. My HTML looks like this: </p>
  
  <pre><code>&lt;tr ng-repeat="model in somelist" name="someName" tooltip="someTooltip"&gt;  
  
    &lt;td tooltip="someOtherTooltip" ng-mouseover="hideTooltip()"&gt;&lt;/td&gt;
  
  &lt;/tr&gt;
  </code></pre>
  
  <p>and .js like this:</p>
  
  <pre><code>$scope.hideTooltip = function () {
      $("[name='someName']").tooltip('hide');
  };
  </code></pre>