jQuery UI Tooltip only shown once when tabbing through using keyboard -

i've created tooltip using jquery ui, when navigate using keyboard, tooltip content appears once , never again.

any ideas why happen?

$('.test').tooltip({     tooltipclass: "tip-style",     position: {         my: "left center",         at: "right center"     },     content: function() {         return $('#tip-content').html();     } }); 

my working example: http://jsfiddle.net/wqpge/

i think because tooltip documentation says content: method should callback or string

multiple types supported:

function: callback can either return content directly,            or call first argument, passing in content, e.g.,            ajax content.  string: string of html use tooltip content. 

i edited code creating named function , referencing in content method. , seems work expected.

http://jsfiddle.net/wqpge/3/