title: Code inside of $(window).load not being applied in IE8
body: <p>The code below is in the head section of my webpage. The HTML for the tags it is referencing(#dmsmenu and #dmssubmenu) are located in an external file that is loaded dynamically when the page loads. The problem is in IE8 specifically (everything works fine in Chrome and Safari). When the page loads, it will go into the function, but not execute the code contained in it. The code changes the background color and text color of the main menu bar, and should display the submenu. Any help would be appreciated.</p>
  
  <pre><code>$(window).load(function() {
  $("#dmsmenu").css('background', '#FFFFFF');
  $("#dmsmenu").css('color', '#DF7401');
  $("#dmssubmenu").appendTo('#dmssubmenu');          
  $("#dmssubmenu").show();
  }); 
  </code></pre>
  
  <p>HTML </p>
  
  <pre><code>&lt;tr&gt;
      &lt;td align="center" valign="middle"&gt; 
          &lt;div id="menubar_index"&gt;
            &lt;!--menubar contents are loaded dynamically--&gt;
          &lt;/div&gt;                   
      &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td align="center" valign="middle"&gt; 
          &lt;div id="menubar_sub"&gt;
            &lt;!--menubar contents are loaded dynamically--&gt;
          &lt;/div&gt;                   
      &lt;/td&gt;
  &lt;/tr&gt;     
  </code></pre>
  
  <p>Ext HTML
  menubar_index div</p>
  
  <pre><code>&lt;div class="topgradientblueline"&gt;
  
  &lt;div id="wrapper"&gt;
      &lt;div id="menuspacer"&gt;
          &amp;nbsp;
      &lt;/div&gt;
      &lt;div id="dmsmenu" style="font-family:Sans-Serif; font-size:small; text-   decoration:none "&gt;
          &lt;a href="document_management_solutions.html"&gt;Document Management Solutions&lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="lsTMFmenu" style="font-family:Sans-Serif; font-size:small; "&gt;
          &lt;a href="TMF_solutions.html"&gt;Life Science TMF Solutions&lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="lssampmenu" style="font-family:Sans-Serif; font-size:small; "&gt;
          &lt;a href="lss_solutions.html"&gt;Life Science Sampling Solutions&lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="drsmenu" style="font-family:Sans-Serif; font-size:small; "&gt;
          &lt;a href="about_drs.html"&gt;About DRS&lt;/a&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;                
  
  &lt;/div&gt;     
  </code></pre>
  
  <p>Ext HTML
  menubar_sub div</p>
  
  <pre><code>&lt;div style="height:50px; width:950px;"&gt;
  &lt;div id="dmssubmenu" style="display: none"&gt;
      &lt;span class="menu2ndlevel"&gt;&lt;a id="dmprofsvc" href="" style="text-decoration:none"&gt;Professional Services&lt;/a&gt;&lt;/span&gt;
      &lt;span class="menu2ndlevelorangeline"&gt;|&lt;/span&gt; 
      &lt;span class="menu2ndlevel"&gt;&lt;a id="dmdocimgproc" href="#" style="text-decoration:none"&gt;Document/Image Processing&lt;/a&gt;&lt;/span&gt;
      &lt;span class="menu2ndlevelorangeline"&gt;|&lt;/span&gt; 
      &lt;span class="menu2ndlevel"&gt;&lt;a id="dmworkflow" href="#" style="text-decoration:none"&gt;Workflow&lt;/a&gt;&lt;/span&gt;
      &lt;span class="menu2ndlevelorangeline"&gt;|&lt;/span&gt; 
      &lt;span class="menu2ndlevel"&gt;&lt;a id="dmsoftware" href="#" style="text-decoration:none"&gt;Software Solutions&lt;/a&gt;&lt;/span&gt;
      &lt;span class="menu2ndlevelorangeline"&gt;|&lt;/span&gt; 
      &lt;span class="menu2ndlevel"&gt;&lt;a id="dmdocretieval" href="#" style="text-decoration:none"&gt;Document Retrieval&lt;/a&gt;&lt;/span&gt; 
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>