title: Jquery tooltip creates tooltip for Child elements
body: <p>I have an LI with A tag in it. </p>
  
  <pre><code>&lt;li title="LI TEXT" id="test"&gt;
     ELEMENT WITH HREF &lt;a href="#" title="HREF TEXT"&gt;HREF&lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>I want to create jquery tooltip for the LI and default tooltip for its child elements. But this does it both for the jquery elements for LI and its childs.</p>
  
  <pre><code>$("#test").tooltip();
  </code></pre>
  
  <p><a href="http://jsfiddle.net/k45emuhg/" rel="nofollow">http://jsfiddle.net/k45emuhg/</a></p>