Tooltip: Using the track option within dialogs creates JS errors

If there is a content where it is dynamically loaded from ajax into a dialog, and upon the load callback, when the tooltip in the dynamic content is initialized with option track: true, it will cause error in the javascript.

The example code is shown below :

main.html :

<div id="dialog-add" title="Add Form">

<div id="dialog_add_body"></div>

</div>

<input type="button" id="cmd" value="Open" />

javascript in main.html :

$(document).ready(function() {

var popup_dialog_opt = {

autoOpen : false,

width : 350,

resizable : false,

draggable : true,

modal : false,

stack : true,

zIndex : 1000

};

$('#dialog-add').dialog(popup_dialog_opt);

$('#cmd').click(show_form);

});

function show_form() {

$('#dialog_add_body').load('form.html', function() {

$('#add-form').tooltip({track: true});

$('#dialog-add').dialog('open');

});

}

form.html :

<form id="add-form" method="post">

<input type="text" name="age" title="enter age" />

</form>