jQuery removeClass onload doesn't work in IE7
<p>I am trying to use <code>removeClass()</code> to remove an existing class in my html which works fine in IE8 and firefox but fails in IE7. When I see the source in IE7, the class still exists. Below is my code:</p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US"&gt; 
&lt;head&gt;
    &lt;script type="text/javascript" src="common/js/libs/jquery/jquery-1.3.2.js" &gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
        $(function(){
            $('#testdiv p').removeClass('testclass')
        });
    &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div id="testdiv"&gt;
        &lt;p class="testclass"&gt;This is some test. on pageload, the class should be removed.&lt;/p&gt;
    &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>When I see the source in IE7, I still see the class:
IE7 Rendered: </p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US"&gt; 
&lt;head&gt;
    &lt;script type="text/javascript" src="common/js/libs/jquery/jquery-1.3.2.js" &gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
        $(function(){
            $('#testdiv p').removeClass('testclass')
        });
    &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div id="testdiv"&gt;
        &lt;p class="testclass"&gt;This is some test. on pageload, the class should be removed.&lt;/p&gt;
    &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
