I'm trying to figure out how to add a tooltip specifically on the first item in my li list. However, when I apply the "tooltip" class to the li element, the entire li seems to disappear. Here is an example of my HTML code:
<li><span class="fa-pencil-square-o sub"> </span> <p class="subMenu">Edit</p>
<ul>
<li></li>
<li></li>
</ul>
</li>
And here is the JavaScript snippet I am using:
$(document).ready(function() {
$("a[rel='tooltip'], .tooltip").tooltip();
});