title: Why is this jQueryUI dialog not working in IE9?
body: <p>The following code produces the expected jQueryUI modal popup dialog in Firefox, Chrome, and Opera. However, it fails in Internet Explorer 9:</p>
  
  <pre><code>&lt;html&gt;&lt;head&gt;
  
  &lt;link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" /&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  $(function() {
      $( "#AddUser" ).dialog({
          autoOpen: false, modal: true, height: 'auto', width: 400,
          buttons: {
              "Add": function() {
                  alert("Add one!");
              }
          },
          close: function() {
              allFields.val( "" ).removeClass( "ui-state-error" );
          }
      });
  
      $( "#AddUserButton" ).button().click(function(event) {
          event.preventDefault();
          $( "#AddUser" ).dialog( "open" );
      });
  
  
  });
  &lt;/script&gt;
  
  &lt;/head&gt;&lt;body&gt;
  
  &lt;div id="AddUser" title="Add User"&gt;Popup content here&lt;/div&gt;
  &lt;input type="submit" id="AddUserButton" /&gt;
  
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>
  
  <p>In IE 9 the #AddUser div is not a jQueryUI dialog. Is there anything that I am missing?</p>
  
  <p><strong>EDIT</strong>: Code updated to closer to production code.</p>
  
  <p>Thanks.</p>