Jquery tooltip is not disappearing on click of item -

i using jquery-1.9.1.js , ui jquery-ui-1.10.3.custom.min.js. when mouse on over form element shows tooltip , disappear on mouse out. want vanish toolip on click event of item, because in current scenario shows tooltip button , persist after button click. hence see multiple tooltips on page. need hide them after click.(below screen shot).

i used below code not work me

 $(document).click(function() {        $(this).tooltip( "option", "hide", { effect: "explode", duration: 500 } );         }); 

how resolve pls help.

edit

i using update panel. create problem?

according jqueryui documentation, code changes how closes. want close http://api.jqueryui.com/tooltip/#method-close.

however might have change code bit make work. judging code use delegation (allowing else make tool tip item), instead of applying directly item. according documentation close not work on delegated tooltips.

you'll want similar

$('.editbuttons').tooltip().click(function() {     $('.editbuttons').tooltip( "close"); })