jQuery v1.7.1, different contents of 'this' in IE and Chrome/FF
<p>I'm not sure if it's a bug in jQuery, FF/Chrome or IE or just expected behavior. Unfortunately I don't know jQuery that well to tell if following script should give the same results under different browsers.</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;test&lt;/title&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;/head&gt;
&lt;body&gt;
    &lt;div id="c"&gt;
        &lt;form name="login" action="https://my_domain.com/my_login_script.php" method="post"&gt;
            &lt;input type="text" name="email" value="sss" /&gt;
            &lt;input type="text" name="password" value="pass" /&gt;
            &lt;input type="submit" value="go" /&gt;
            &lt;/form&gt;
    &lt;/div&gt;

    &lt;script type="text/javascript"&gt;
        $("#c").find('form[name=login]').submit(function() {
            alert($(this).serialize());
            $('#c').html("");
            alert($(this).serialize());
            alert($(this).html()); // empty string in IE, contents of &lt;form&gt; under FF
            return false;
        });
        &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>What it does:</p>

<ol>
<li>Assigns handler for submit event to form 'login' contained in div "#c"</li>
<li>In the event handler form is serialized and displayed in alert box.</li>
<li>Contents of div "#c" is changed to empty string.</li>
<li>Form is again serialized and output string displayed in alert box.</li>
<li>Contents of 'this' is displayed in alert box - it's empty in IE and has some html in FF/Chrome</li>
</ol>

<p>In FF/Chrome alert boxes show:</p>

<ol>
<li>email=sss&amp;password=pass</li>
<li>email=sss&amp;password=pass // The same output as above, 'this' has not changed?</li>
</ol>

<p>In IE9 however:</p>

<ol>
<li>email=sss&amp;password=pass</li>
<li>"" // Empty string</li>
</ol>

<p>Is it a bug in jQuery?</p>
