Автозаполнение jQueryUI не работает с диалоговым окном и zIndex

Я столкнулся с интересной проблемой с автозаполнением jQueryUI в диалоговом окне.

Мой HTML-код диалога выглядит следующим образом:

<div id="copy_dialog">
    <table>
        <tbody>
            <tr>
                <th>Title:</th>
                <td><input type="text" class="title" name="title"></td>
            </tr>
            <tr>
                <th>Number:</th>
                <td><input type="text" name="number"></td>
            </tr>
        </tbody>
    </table>
</div>

Когда я запускаю автозаполнение jQueryUI для указанного выше HTML, он работает идеально.

Когда я открываю его с помощью диалога

$('#copy').click(function()
{
    $('#copy_dialog').dialog({
        autoOpen: true,
        width: 500,
        modal: false,
        zIndex: 10000000,
        title: 'Duplicate',
        buttons: {
            'Cancel': function()
            {
                $(this).dialog('close');
            },
            'Save': function()
            {
                $(this).dialog('close');
            }
        }
    });

    return false;
});

Затем в FireBug я вижу, что автозаполнение все еще работает.Он запрашивает и получает результаты, но я больше не вижу список параметров под полем ввода.

Я думаю, это как-то связано с тем, что zIndex в диалоговом окне намного больше, чем то, что дает меню автозаполнения, но я не знаю наверняка. Я все еще изучаю точные подробности того, что происходит, но надеюсь, что кто-нибудь из присутствующих поделится со мной идеей.

Изменить Я попытался удалить zIndex из диалогового окна, и мое автозаполнение начало появляться. К сожалению, мне нужно это значение zIndex, чтобы преодолеть ужасно высокий zIndex строки меню, который я не могу изменить (у меня нет доступа к этой области кода). Так что, если есть способ добавить zIndex к автозаполнению, это было бы фантастически; до тех пор, я, вероятно, просто удалю zIndex из диалогового окна и позабочусь о том, чтобы он не отображался в области строки меню.