title: Flie Upload Clearing File input Value Individually
body: <p>I have file upload method.Its have add,remove,clear fields.Add and remove working perfectly. In clear method I have two file input values.when I click the clear both input values are cleared. I want clear the particular file input value only.</p>
  
  <p>How to resolve this issue</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$('.multi-field-wrapper').each(function() {
  
     var $wrapper = $('.multi-fields', this);    
  
     $(".add-field", $(this)).click(function(e) {    
      $('.multi-field:first-child', $wrapper).clone(true).appendTo($wrapper).find('input').val('').focus();   
     });
  
     $('.multi-field .remove-field', $wrapper).click(function() {
      if ($('.multi-field', $wrapper).length &gt; 1)
       $(this).parent('.multi-field').remove();
     }); 
  
     $('.multi-field .clear-field', $wrapper).click(function() {
      //if ($('.multi-field', $wrapper).length &gt; 1)
      if(navigator.userAgent.toUpperCase().indexOf('MSIE') &gt;= 0){
       $("input[type='file']").replaceWith($("input[type='file']").clone(true));
      } else {
       $("input[type='file']").val('');
      }
     }); 
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="multi-field-wrapper"&gt;
    &lt;div class="multi-fields"&gt;
      &lt;div class="multi-field"&gt;
        &lt;input type="file" value="choose files" id="attach" name="attach[]" onchange="check_file_sizes();"/&gt;
        &lt;button type="button" class="remove-field"&gt;Remove&lt;/button&gt;
        &lt;button type="button" class="clear-field"&gt;Clear&lt;/button&gt;
        &lt;!--&lt;button type="button" id="clear" &gt;Clear&lt;/button&gt; --&gt;                            
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;button type="button" class="add-field"&gt;Add field&lt;/button&gt;                          
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="http://jsfiddle.net/techpalani/987ry6nn/1/" rel="nofollow">http://jsfiddle.net/techpalani/987ry6nn/1/</a></p>