title: Javascript Jquery doesn't work. $(this)
body: <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>