Javascript Jquery doesn't work. $(this)
<pre><code>$(document).ready(function() {
    $(".delete_user_button").click(function(){
        var username_to_delete = $(this).attr('rel');
        $.ajax({
            type:"POST",
            url:"/delete/",
            data:{'username_to_delete':username_to_delete},
            beforeSend:function() {
                $(this).val("Removing...");
            },
            success:function(html){
                $("div.delete_div[rel=" + username_to_delete + "]").remove();
            }
            });
        return false;
    });
});
</code></pre>

<p>Why doesn't $(this).val() work?
I'm trying to change the text of the button when the user clicks remove.</p>
