Overlay CheckBox in JQuery Dialog
<p>I have created a dialog with the JQuery dialog plugin. My dialog is defined as follows:</p>

<pre><code>&lt;div id="initialQuestions" title="Please complete the following"&gt;
  [Questions]
&lt;/div&gt;
&lt;div id="checkField" style="visibility:hidden; z-index:1001"&gt;
  &lt;input type="checkbox" id="myCheck" value="Ignore in the Future?" /&gt;
&lt;/div&gt;

&lt;script type="text/javascript"&gt;
  $(document).ready(function () {
    $("#initialQuestions").dialog({
      autoOpen: false,
      modal: true,
      buttons: {
        'OK': function() {
          $(this).dialog('close');
        }
      }
    });
  });
&lt;/script&gt;
</code></pre>

<p>I want to put a checkbox in the lower left corner of the dialog that says "Ignore in the future". Unfortunately, the JQuery dialog doesn't let you customize the footer of the dialog. So, I thought I would just add the checkbox as an overlay. However, I cannot figure out how to put a checkbox on top of the dialog in the lower left corner. Can someone explain to me how to do this? No matter what I do, the checkbox is not appearing where I want it.</p>

<p>Thank you</p>
