I have a dialog that I want wrapped in a div like so.

```
<div class="myClass">
    <div id="dialog"></div>
</div>

```

All of my CSS rules have .myClass as a parent in the selector:

```
.myclass .....

```

When I call my JQuery dialog

```
$( "#dialog" ).dialog({})

```

it places the `id=dialog` div as its own div at the bottom of my tag, not inside the .myclass div. How can I wrap the dialog in a .myclass div?