jquery UI tooltip - not showing on the top of element

Question

Please check my code at this JS FIDDLE

I want my tooltip to show on top of the element. what am I doing wrong?

I also didn't find any usable info about position property in the jquery UI documentation for tooltips what does my and at means... I copied the code from their demos

Answer 1

You should set position 'my' to 'bottom-(distance of bottom) Check this JS FIDDLE