title: .change event is only fired the first time
body: <p>Im trying to make a change event fire every time an file input in changed,
  right now I'm trying to clear the value everytime and it worked the first time but when the the user change the file field the secound time the readURL(input) doesn't run.. why?</p>
  
  <p>html</p>
  
  <pre><code>&lt;input type='file' id="imgInp" onclick="readURL(input)" /&gt;
  </code></pre>
  
  <p>javascript</p>
  
  <pre><code>$("#imgInp").change(function(){
               readURL(this);
               ClearFileUpload();
      });   
  
  function readURL(input) {
        if (input.files &amp;&amp; input.files[0]) {
        var reader = new FileReader();
        ClearFileUpload();
        reader.onload = function (e) {
        photo.innerHTML='&lt;img src="' + e.target.result + '" width="400" /&gt;';
        }
  
        reader.readAsDataURL(input.files[0]);
  
         }
    }
  
  
  function ClearFileUpload() {
       document.getElementById("photo").innerHTML="";
       var photo = document.getElementById('photo');
       var photoinput = document.getElementById('imgInp');
       if (photoinput != null) {
          document.getElementById('imgInp').outerHTML = photoinput.outerHTML;
      }
      document.getElementById("name").innerHTML="";
  }
  </code></pre>
  
  <p>I've tried with .on('input') but this doesn't fire,</p>