window object acting strange in Chrome and IE
<p>Consider the following sample HTML:</p>

<pre><code>&lt;div id="about"&gt;
 &lt;!-- content here --&gt;
&lt;/div&gt;
</code></pre>

<p>And the following script</p>

<pre><code>var about = (function ($, window, document) {
    "use strict";

     var methods;

     methods = {
        init: function () {
        // Do things here 
        }
     };

     return methods;
} (jQuery, window, document));
</code></pre>

<p>The variable <code>about</code> should be attached to the <code>window</code> object at this point.</p>

<p>In Firefox (3.6.17) I am able to write</p>

<pre><code>window["about"] 
</code></pre>

<p>And if about hasn't been processed yet this will return <code>undefined</code> if it has it will return the object just as I expect.</p>

<p>However, the problem is that that same code <code>window["about"]</code> in Chrome and IE (7 &amp; 8) returns the actual HTML object.  From the example above, it would return the following:</p>

<pre><code>    &lt;div id="about"&gt;
     &lt;!-- content here --&gt;
    &lt;/div&gt;
</code></pre>

<p>Why does this happen? </p>

<p>Also, is there a better way to check and see if the <code>about</code> object is available, than using the <code>window</code> element? I realize ideally one doesn't want to junk up the window object but that is a different question all together.</p>

<p>Thanks</p>
