How to create simple jQuery tooltip?

How to create simple jQuery tooltip?, someone asked me to explain?

JQuery tooltip allows lot of customization such as positioning, appearance and ajax results. Below example label element title display the native tooltip for the textbox displays jQuery tooltip.


<!DOCTYPE html>
    <meta name="viewport" content="width=device-width" />
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <script type="text/javascript">
       $(document).ready(function () {
       <label id="lblName" for="txtJobDesc" title="job description">job description</label>
<input id="txtJobDesc" type="text" title="Your full name as it appears in paasport" />


create simple jQuery tooltip

Post your comments / questions