javascript - Jquery Tooltip .position on form items not working -

my tooltips dont seem working correctly, have made small fiddle , tried out other options cant seem work, form has around 50 form fields have added 4 onto fiddle.

i tooltips align right of form field , not mess when re entering form field.

http://jsfiddle.net/h2fws/

please out if know how :)

here code:

jquery(document).ready(function(){           jquery(".information").hide();     jquery("#info_starttip").show();     jquery(".textbox").focus(function(){         jquery(".information").hide();         var getid = this.id;         jquery("#info_"+getid).position({             of: this,             my: "right top",             at: "right top",             collision: "fit"         }).show();           }); });  

try this: http://jsfiddle.net/h2fws/3/

jquery(".information").hide();         var getid = this.id;         jquery("#info_" + getid).show().position({             of: this,             my: "left top",             at: "right top",             collision: "fit"         });     }); }); 

i put show() before position() , changed position it's left top @ right top of input.

also, in jsfiddle had comma after last position() property, notice don't have in post. cause problems in browsers if exists in actual code.