title: JQuery onchange event will not fire
body: <p>I'm trying to get this example working: <a href="https://stackoverflow.com/questions/4459379/preview-an-image-before-it-is-uploaded">Preview an image before it is uploaded</a> </p>
  
  <p>I simplified the code to:</p>
  
  <p>
      </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $("#imgInp").change(function () {
          alert('changed');
      });
  &lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;form id="form1" runat="server"&gt;
          &lt;input type='file' id="imgInp" /&gt;
          &lt;img id="blah" src="#" alt="your image" /&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>The problem is the change function on imgInp is not getting triggered. I've tried a million things, but can't get it working. What am I missing?</p>
  
  <p>Thanks...</p>