I came across this answer when searching for this same issue, however none of the solutions were exactly what I wanted.
Using appendTo worked, sorta… The autocomplete items showed up where they were supposed to, however it completely threw my dialog window into a garbled mess of improperly repositioned div elements.
So in my own css file, I created the following:
ul.ui-autocomplete {
z-index: 1100;
}
I’m sure 1100 is a little overkill, but I just wanted to play it safe. It works well and conforms with the K.I.S.S. method.
I’m using jQuery 1.9.2 with jQueryUI 1.10.2.