title: How to only clear file upload field?
body: <p>Here is the JSfiddle: <a href="http://jsfiddle.net/buyC9/128/" rel="noreferrer">http://jsfiddle.net/buyC9/128/</a></p>
  
  <p>I want to clear only the file upload field when pressed on clear.</p>
  
  <p>My HTML:</p>
  
  <pre><code>&lt;h1&gt;Upload image:&lt;/h1&gt;
  &lt;input type="file" name="blog[opload]" id="blog_opload" class="imagec"&gt;
  &lt;input type="url" size="50" name="blog[url]" id="blog_url" class="imagec"&gt;
  &lt;div id="preview"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My Jquery:</p>
  
  <pre><code>$('input').change(function() {
      var el = $(this);
      if (this.value === "") {
          $('.imagec').prop('disabled', false);
          this.disabled = false;
          $('#preview').hide();
      } else {
          $('.imagec').prop('disabled', true);
          el.prop('disabled', false);
          alert(el.val());
          if (el.attr('type') == 'url') {
              $('#preview').show().html('&lt;img src=' + '"' + el.val() + '"' + ' /&gt;');
          }
      }
  });
  
  function reset_html(id) {
      $('.' + id).html( $('.' + id).html() );
  }
  
  var imagec_index = 0;
      $('input[type=file]').each(function() {
      imagec_index++;
      $(this).wrap('&lt;div id="imagec_' + imagec_index + '"&gt;&lt;/div&gt;');
      $(this).after('&lt;input type="button" value="Clear" onclick="reset_html(\'imagec_' + imagec_index + '\')" /&gt;');
  });
  </code></pre>