title: How to remove selected image from html input
body: <p>For example I have this form</p>
  
  <pre><code>&lt;form&gt;
   &lt;input type='file' id="imgInp" /&gt;
   &lt;img id="blah" src="#" alt="your image" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>And this script to show image</p>
  
  <pre><code>function readURL(input) {
      if (input.files &amp;&amp; input.files[0]) {
          var reader = new FileReader();
  
          reader.onload = function (e) {
              $('#blah').attr('src', e.target.result);
          }
  
          reader.readAsDataURL(input.files[0]);
      }
  }
  
  $("#imgInp").change(function(){
      readURL(this);
  });
  </code></pre>
  
  <p>I wanna put a button to remove the selected image, like:</p>
  
  <pre><code>&lt;a href="#"&gt;remove&lt;/a&gt;
  </code></pre>
  
  <p>How can we do this?</p>
  
  <p><a href="http://jsfiddle.net/LvsYc/8304/" rel="nofollow">DEMO</a></p>