title: jQuery dialog + iframe gives this error in IE9: SCRIPT5009: 'Array' is undefined
body: <p>I have been battling for a while with an error that I would only get with IE9. Depending on the version of jQuery and jQuery-UI, the error message would differ a bit. With jquery 1.8.3 and jquery-ui 1.8.24, I would get the following error message:</p>
  
  <blockquote>
    <p>SCRIPT5009: 'Array' is undefined</p>
  </blockquote>
  
  <p>However, with jquery 1.7.x and jquery-ui 1.7.x, I would get the following error message:</p>
  
  <blockquote>
    <p>SCRIPT5009: 'Object' is undefined</p>
  </blockquote>
  
  <p>Here is the code of the offending page:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://code.jquery.com/ui/1.8.24/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;title&gt;&lt;/title&gt;
      &lt;script type="text/javascript"&gt;
          $(document).ready(function() {
              $("#dialog").dialog();
          });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="dialog"&gt;
          &lt;iframe id="iframe1" src="jqtest2.htm"&gt;&lt;/iframe&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And here is the code of the iframe in that page:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I am not getting these error message in IE 9 using Compatibility View mode, in Google Chrome, or in Firefox.</p>
  
  <p>The jquery inclusion within the iframe seems to be de culprit.</p>