title: Controlling the DOM location of a jquery UI dialog
body: <p>I'm trying to create a jQueryUI Dialog and have it insert itself into the dom within a specific element.  We have a content section that is the parent of a number of styles so items within the dialog are not styled since jqueryUI does an append to body.  Is there a way to tell jqueryUI to append to a selector of my choosing?</p>
  
  <p>What it does</p>
  
  <pre><code>&lt;section id="content"&gt;
  &lt;/section&gt;
  &lt;div class="dialog"&gt; the dialog &lt;/div&gt;
  </code></pre>
  
  <p>what I want</p>
  
  <pre><code>&lt;section id="content"&gt;
  &lt;div class="dialog"&gt; the dialog &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>