title: Add buttons inside specific div in jquery ui dialog
body: <p>Is there a way to add the buttons to a specific part of the jquery dialog modal? For example, I have styling that is currently conditional on buttons being inside a div with a specific classname, is there a way for me to target the buttons to go inside that div? </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="dialog-confirm" title="Header"&gt;
   &lt;div class="modal-inner2"&gt;
    &lt;div class="modal-header2"&gt;
    &lt;h1&gt;Header&lt;/h1&gt;
   &lt;/div&gt;
   &lt;div class="modal-content"&gt;
  
      &lt;p&gt;I'm text&lt;/p&gt;
  
     &lt;div class="BtnGoHere"&gt;&lt;/div&gt;
  
   &lt;/div&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>JS: </p>
  
  <pre><code>$(function() {
  $( "#dialog-confirm" ).dialog({
  resizable: false,
  height: "auto",
  width: 400,
  modal: true,
  buttons: [
    {
      text: "Cancel",
      "class": "btn btn-cancel",
      click: function() {
        $( this ).dialog( "close" );
      }
    },
    {
      text: "Save",
      "class": "btn",
      click: function() {
        $( this ).dialog( "close" );
      }
    }
  ]
  });
  });
  </code></pre>