jQuery load new password via ajax not working in IE
<p>I've got the following code, but it's not working in IE, 9 specifically. Maybe other versions, too.</p>

<p>The function is running, if I alert, it does fire, but in IE it's not replacing the text when the button is clicked again. In other browsers, every time a user clicks the button #gen_password, it reloads a new password from the remote file. In IE, it never replaces it.</p>

<p>Can anyone see what's wrong?</p>

<p>Thanks.</p>

<pre><code>$("#gen_password").live('click',function(){

    $("#password_messg").html('');
    var before = $("#gen").html();
    $("#gen").html("&lt;image alt='Loading...' src='ajax_loader.gif' /&gt;");
    $("#password_container").load('random.php', function(){
        $("#gen").html(before);
    });
    $("#password_container").show();
    return false;
});
</code></pre>

<p>Here's the HTML it's acting on:</p>

<pre><code>&lt;fieldset class="blue_border"&gt;&lt;p id="password_messg" class="message"&gt;&lt;/p&gt;&lt;legend&gt;Change password&lt;/legend&gt;
    &lt;form method="post"&gt;
        &lt;dl class="zend_form"&gt;
            &lt;dt&gt;&lt;/dt&gt;
            &lt;dd&gt;
                &lt;input type="hidden" name="pwpid" id="pwpid" value="&lt;?php echo $this-&gt;login_data['id'];?&gt;" /&gt;
                &lt;span id="password_container" class="disabled"&gt;&amp;nbsp;&lt;/span&gt;
                &lt;input type="hidden" name="savepw" id="savepw" value="1" /&gt;
            &lt;/dd&gt;
            &lt;dt&gt;&lt;/dt&gt;
            &lt;dd id="gen"&gt;
                &lt;button id="gen_password"&gt;Generate a Password&lt;/button&gt;
                &lt;button id="save_password"&gt;Save&lt;/button&gt;
            &lt;/dd&gt;
        &lt;/dl&gt;
    &lt;/form&gt;
&lt;/fieldset&gt;
</code></pre>
