title: IE8 not working with jQuery Dialog
body: <p>I have an HTML form:</p>
  
  <pre><code>&lt;div id="dialog" class="event-dialog" title="Create Event"&gt;
      &lt;div id="dialog-inner"&gt;
      &lt;table&gt;
          &lt;tr&gt;&lt;td align="left"&gt;Event Name:&lt;/td&gt;&lt;td align="left"&gt;&lt;input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all title"&gt;&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td align="left" valign="top"&gt;Event Description:&lt;/td&gt;&lt;td&gt;&lt;textarea name="description" id="description" class="text ui-widget-content ui-corner-all" rows="3" cols="40"&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td align="left"&gt;All Day Event:&lt;/td&gt;&lt;td align="left"&gt;&lt;input id="all-day" type="checkbox" value="false"&gt;&lt;/td&gt;&lt;/tr&gt;
       &lt;/table&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I also have the following jQuery code:</p>
  
  <pre><code>jQuery("#dialog").dialog({
      autoOpen: false,
      height: 600,
      width: 700,
      modal: true,
      buttons: {
          'Create event': function () {
              name = jQuery("#name").val();
              jQuery(this).dialog('close');
          },
          Cancel: function () {
              jQuery(this).dialog('close');
          }
      },
      close: function () {
      }
  });
  </code></pre>
  
  <p>I removed some stuff in my jQuery code just to shorten it up for StackOverflow. The code works in Chrome, Firefox, Safari, etc., but, for some reason, it just displays the dialog form in IE8. Any idea why it wouldn't hide the form in IE8?</p>