title: Changing the data in before submit
body: <p>I am using the ajaxForm plugin found <a href="http://www.malsup.com/jquery/form/" rel="noreferrer">here</a></p>
  
  <p>Now i have a <strong>form</strong> with <strong>username</strong> &amp; <strong>password</strong></p>
  
  <p>My requirement is to change the value of <strong>password</strong> field to its <strong>md5</strong> so for that I am using the plugin found <a href="http://plugins.jquery.com/project/md5" rel="noreferrer">here</a></p>
  
  <p>so for that I am using like this : </p>
  
  <pre><code>$('myForm').ajaxForm({
  
     url : 'pathtosend',
     type : 'post',
     beforeSubmit : function(arr, $form, options){
        $('#password').val($.md5($('#password').val()));
     },
     success : function(response, statusText, xhr, $form){
        alert('blah blah');
     }
  });
  </code></pre>
  
  <p>Now when I print the value of <strong>password</strong> in <strong>java servlet code</strong> it shows the one that I passed and not the md5 of the value as I did.</p>
  
  <p>When I changed the coding to the click of the <strong>submit</strong> button and manipulating the submit its done so my question is what is the significance of <strong>beforeSubmit</strong> when the data changed is not going to <strong>reflect</strong> in the <strong>submit</strong></p>