title: fileReader on input change JQuery
body: <p>I'm trying to read a file using the <code>fileReader</code> method and the <code>change</code> event on JQuery. But for some reason it isn't working.</p>
  
  <p><a href="http://jsfiddle.net/vnrcdn1q/13/" rel="nofollow">http://jsfiddle.net/vnrcdn1q/13/</a></p>
  
  <p>What am I doing wrong?</p>
  
  <pre><code>$(document).ready(function(){
      $('input').on('change', function(e){
  
          var r = new FileReader();
          r.onload = function(e){
              console.log(r.result);
          };
      });
  });
  </code></pre>