title: How to avoid jquery ui tooltip to occur in child div?
body: <p>I am tying to include tooltip only in parent div but not in its child div.
  <br />Here is jquery ui tooltip:</p>
  
  <pre><code>$(function () {
      $("#parent_div").tooltip();
  });
  </code></pre>
  
  <p>Here is HTML:</p>
  
  <pre><code>&lt;div id="parent_div" title="Hello Tooltip"&gt;
      parent div contents
      &lt;div id="child_div" onMouseOver="show_list();" onMouseOut="hide_list();" title=""&gt;
      child div contents
      &lt;/div&gt;
      parent div contents
  &lt;/div&gt;
  </code></pre>
  
  <p><code>title=""</code> (giving blank to title property) in child_div is creating some problem. After hover on child_div it disables the tooltip from parent_div also.
  <br />You can see and test the problem <a href="http://browsersgames.comze.com/n/" rel="nofollow">HERE</a>.
  <br /><br />Please give me some solution keeping in view that onMouseOver and onMouseOut events should not be disable because I am using them in child_div for some other purpose.
  <br /><br />Thank you in advance.</p>