jQuery function won't rebind after first ajax call
<p>I have a registration modal on my website that loads a captcha image (http://codeigniter.com/forums/viewthread/108964/). If a user submits a wrong captcha the captcha image refreshes with a new image so that they can try again, but the code doesn't run a second, third, fourth, etc.. time. The image only refreshes once.</p>

<pre><code>                    if(typeof(res.error) != "undefined") {
                        $('#loading_register_success').hide();
                        switch(res.error) {
                            case "already_registered":
                            default:
                                $('#register_submit').show();
                                $('.register_tab').hide();
                                $('.register_tab:first').show();
                                $.validationEngine.buildPrompt('#email','&lt;?=l("already_registered_question") . " " . l("email")?&gt;','error');
                            break;

                            case "captcha_mismatch":
                                if(res.refresh_captcha) {
                                    refreshCaptcha();
                                }

                                $('#register_submit').show();
                                $('#securimage_error').html(res.message).show();
                            break;
                        }
                    } else {
                        if(res.refresh_captcha) {
                            refreshCaptcha();
                            $('#register_submit').show();
                        } 
                            else
                                $.jGrowl(res.message, { life: 3000});

                        $("#loading_register_success").hide();
                    }
</code></pre>

<p><strong>Refresh Captcha Function:</strong></p>

<pre><code>var refreshCaptcha = function() {
    var captcha = $('#captcha_holder').find('img');
    $('#loader').show();
    captcha.hide();
    $('#loader').hide();
    captcha.attr('src', '');
    captcha.attr('src', '/&lt;?=$this-&gt;session-&gt;userdata("cur_lang")?&gt;/register/secur_image');
    captcha.show();
}
</code></pre>

<p>The trigger to start all of this is when someone clicks on the submit button in the form. There is a .live('click') event bound to this button...</p>

<p>Any ideas why this won't run?</p>

<p><strong>EDIT::</strong>
So it appears that in FF the new image appears, but it quickly swaps it out with a new image. But when submitting a wrong captcha it does nothing. Doesn't want to swap the image out. I am so lost.</p>
