How to Clean input file Bootstrap field
<p>Person,</p>

<p>I have a page with <strong>2 input text</strong>  and <strong>2 input file</strong> when I get the ajax response, send clear the entire form as the code below, but only a field is not cleared the field:</p>

<p><a href="http://williamvillar.com.br/Push_Novo/msg_big_pic.php" rel="nofollow">Here my page</a></p>

<pre><code>&lt;input class="fileUploadAudio" id="fileUploadAudio" name="fileUploadAudio" type="file"&gt;&lt;/span&gt;
</code></pre>

<p>I believe we should have some conflict, I have done everything and I can not clear this blessed country.</p>

<p>PS: If you need I publish the page to take a look.</p>

<pre><code>&lt;div class="form-group"&gt;
                    &lt;label class="col-sm-3 control-label"&gt;Imagem para Push&lt;/label&gt;
                    &lt;div class="col-sm-6"&gt;
                       &lt;div class="fileinput fileinput-new" data-provides="fileinput"&gt;
                          &lt;div class="fileinput-new thumbnail" style="width: 200px; height: 150px;"&gt;
                             &lt;img src="http://placehold.it/190x140/7761A7/ffffff" alt="..."&gt;
                          &lt;/div&gt;
                          &lt;div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;"&gt;&lt;/div&gt;
                          &lt;div&gt;
                             &lt;span class="btn btn-primary btn-file"&gt;&lt;span class="fileinput-new"&gt;Selecionar imagem&lt;/span&gt;&lt;span class="fileinput-exists"&gt;Alterar&lt;/span&gt;
                             &lt;input class="arquivo" id="arquivo" name="arquivo" type="file"&gt;&lt;/span&gt;
                             &lt;a href="#" class="btn btn-danger fileinput-exists" data-dismiss="fileinput"&gt;Remover&lt;/a&gt;
                          &lt;/div&gt;
                       &lt;/div&gt;
                    &lt;/div&gt;
                 &lt;/div&gt;
                 &lt;div class="form-group"&gt;
                    &lt;label class="col-sm-3 control-label"&gt;Áudio para a campanha&lt;/label&gt;
                    &lt;div class="col-sm-6"&gt;
                       &lt;div class="fileinput fileinput-new" data-provides="fileinput"&gt;
                          &lt;input name="..." value="" type="hidden"&gt;
                          &lt;span class="btn btn-primary btn-file"&gt;&lt;span class="fileinput-new"&gt;Selecionar áudio&lt;/span&gt;
                          &lt;span class="fileinput-exists"&gt;Alterar&lt;/span&gt;
                          &lt;input class="fileUploadAudio" id="fileUploadAudio" name="fileUploadAudio" type="file"&gt;&lt;/span&gt;
                          &lt;span class="fileinput-filename"&gt;&lt;/span&gt;
                          &lt;a href="#" class="close fileinput-exists" data-dismiss="fileinput" style="float: none"&gt;×&lt;/a&gt;
                       &lt;/div&gt;
                    &lt;/div&gt;
                 &lt;/div&gt;
</code></pre>

<p>In return I send ajax clear the form fields like this:</p>

<pre><code>$(".formulario")[0].reset();
$(".formulario").get(0).reset();
$('#cancelButton').hide();
$("#fileUploadAudio").val("");
$('#submitButton').hide();
</code></pre>

<p>I have even tried to clear only the input file this way:</p>

<pre><code>$('#fileUploadAudio').val('');
</code></pre>