Show (Display) tooltip when click on TextBox using jQuery in ASP.Net

I found below are codes:

<script>
    $(document).ready(function() {
        var hasToolTip =false;
        $('#TxtPrice2').on({
            "click": function() {
                hasToolTip = true;
                $(this).tooltip({ items: "#TxtPrice2", content: "Displaying on click" });
                $(this).tooltip("open");
            },
   
            "mouseout": function() {      
                if(hasToolTip)
                {
                    $(this).tooltip("disable"); 
                    hasToolTip = false;
                }                                                   
            }
        });
    });
</script>

<asp:TextBox ID="TxtPrice2" runat="server" CssClass="txtvadi2" class="form-control" placeholder="Password" required="required"></asp:TextBox>