title: Access id of ajaxForm element
body: <p>I need to access the <code>id</code> of the <code>form</code> element with <code>class="ajax-upload-image"</code>. I have several of these <code>forms</code>, with the same <code>class</code>, which is why I need to access the <code>id</code>, but it seems like I cannot get the right values using <code>$(this)</code>. I need this value in both <code>beforeSend</code>, <code>uploadProgress</code>, and <code>complete</code>.</p>
  
  <p>Is there some way to save a custom variable, or extract it through the <code>data</code> being sent? My current "solution" is to store a global varible with the id last accessed, but that is hardly a solution, since it is possible to use the forms before the previous are done uploading, which mean a change in the global variable.</p>
  
  <p>My stripped code so far (without the global variable):</p>
  
  <pre><code>$('.ajax-upload-image').ajaxForm({
      delegation: true,
      dataType: 'json',
  
      beforeSend: function() {
          // Some code
      },
  
      uploadProgress: function(event, position, total, percentComplete) {
          // Some code
      },
  
      complete: function(data) {
          // Some code
      }
  });
  </code></pre>
  
  <p>Any help is highly appreciated, since I seem to be very stuck at this point.</p>