Управление расположением в DOM диалогового окна пользовательского интерфейса jquery

Я пытаюсь создать диалог jQueryUI и заставить его вставить себя в dom внутри определенного элемента. У нас есть раздел содержимого, который является родительским для ряда стилей, поэтому элементы в диалоговом окне не стилизованы, поскольку jqueryUI выполняет добавление к телу. Есть ли способ указать jqueryUI добавить к выбранному мной селектору?

Что он делает

<section id="content">
</section>
<div class="dialog"> the dialog </div>

что я хочу

<section id="content">
<div class="dialog"> the dialog </div>
</section>