title: convert javascript change event to jquery
body: <p>there is a function to work with file in html 5 but its in javascript
  i have to change it to a jquery function</p>
  
  <pre><code>&lt;style&gt;
    .thumb {
      height: 75px;
      border: 1px solid #000;
      margin: 10px 5px 0 0;
    }
  &lt;/style&gt;
  
  &lt;input type="file" id="files" name="files[]" multiple /&gt;
  &lt;output id="list"&gt;&lt;/output&gt;
  
  &lt;script&gt;
    function handleFileSelect(evt) {
      var files = evt.target.files; // FileList object
  
      // Loop through the FileList and render image files as thumbnails.
      for (var i = 0, f; f = files[i]; i++) {
  
        // Only process image files.
        if (!f.type.match('image.*')) {
          continue;
        }
  
        var reader = new FileReader();
  
        // Closure to capture the file information.
        reader.onload = (function(theFile) {
          return function(e) {
            // Render thumbnail.
            var span = document.createElement('span');
            span.innerHTML = ['&lt;img class="thumb" src="', e.target.result,
                              '" title="', escape(theFile.name), '"/&gt;'].join('');
            document.getElementById('list').insertBefore(span, null);
          };
        })(f);
  
        // Read in the image file as a data URL.
        reader.readAsDataURL(f);
      }
    }
  
    document.getElementById('files').addEventListener('change', handleFileSelect, false);
  &lt;/script&gt;
  </code></pre>
  
  <p>this will create a tumbling from input image in local
  so i need to change this to work in jquery
  like this:</p>
  
  <pre><code>$('#thisfile').change(function(){
  handleFileSelect(this)
  });
  </code></pre>
  
  <p>but when i run the jquery function it show <code>TypeError: evt.target is undefined</code> error
  how can i provide the jquery function argument here?</p>