title: Global access to elements with same class name using JQuery
body: <p>I searched all forums for the answer and i couldnt find one...
  Well look the problem is simple. :)</p>
  
  <p>I adding classes with same CLASS name "FileSelect" ( They are input type=file) and i want to calculate before uploading all file sizes.</p>
  
  <p>I can do it for each one class and determine the size will sent.
  Onchange function i do this:</p>
  
  <pre><code>$(function(){   
      $('.FileSelect').live('change', function() {
  
          var totalSize=0;
          for ( var i=0 ; i&lt; this.files.length ; i++)
          {
              totalSize += this.files[i].size ;
          }
          alert(totalSize);   
      });
  });
  </code></pre>
  
  <p>=======================================================================
  Now the problem is that i have a delete button in each file and i want to subtrct the size
  each time on delete. But the problem is that when u click "delete" button u dont have access to "this" variable because it is outside the FileSelect.</p>
  
  <p>So the simple solution at this point is to access ALL classes with name FileSelect and
  ask for size. I do this but not workin.</p>
  
  <p><code>$(".FileSelect").files.length ;</code></p>
  
  <p>So how can u change "this" variable so u can have global access to elements with same className ..... ? </p>