title: How can I select current event class name?
body: <p>I have a page called profile.php and on this page I have 4 form for user to update. I used <code>.validation</code> class for all 4 form. I used this for jQuery <code>beforeSend()</code>. So that when a form is press it will be show <code>Validation...</code> text. </p>
  
  <p>Now I use <code>user_profile_data()</code> on 2 forms. When I update the form it's showing <code>Validation...</code> text on 2 form. BUT it's should be show on selected form. </p>
  
  <p><strong>Here is jQuery/Js I am using :</strong> </p>
  
  <pre><code>function user_profile_data (element,event){
      e= $(element);
      event.preventDefault();
      var formData = new FormData(e.parents('form')[0]);  
      $.ajax({
        url: 'user_profile_data',
        type: 'POST',
        xhr: function() {
          var myXhr = $.ajaxSettings.xhr();
          return myXhr;
        },
        beforeSend: function () {
          $('.validation').val('Validating...');
          $("#avator_upload").attr("disabled", true);
          $('.account_validation_msg').html('&lt;div class="alert alert-warning"&gt;&lt;strong&gt;Validating...&lt;/strong&gt;&lt;/div&gt;');
        },
        success: function (data) {                          
          $('.account_validation_msg').html(data);                      
          $('#notification_bottom').val('SAVE DETAILS');
          $('.account_validation_msg').show();
          $("#avator_upload").attr("disabled", false);                 
        },
  
        data: formData,
        cache: false,
        contentType: false,
        processData: false
    }); 
  }
  </code></pre>