title: Clear File listing after upload in valums ajax file uploader
body: <p>I finally managed to get the valums file uploader working in all the browsers. Now once the file gets uploaded it still shows the file just uploaded in a li just below the file input field.
  I need to remove this li as i am submitting a complete form with ajax that gets reset after submission. So the previous file name needs to be removed.</p>
  
  <p>Any help?</p>
  
  <pre><code>        &lt;script type="text/javascript"&gt;
  
      var ID="";
      $(document).ready(function(e) {
           var uploader = new qq.FileUploader({
           element: document.getElementById('fine-uploader'),
           debug:true,
           action: '&lt;?PHP echo base_url();?&gt;index.php/teacher/addBook',
           allowedExtensions: ['jpeg', 'jpg', 'gif', 'png'],
           autoUpload:false,
           multiple:false,
                   template: '&lt;div style="margin-left:0px !important; margin-top:10px" class="qq-uploader span3"&gt;' +
                '&lt;pre class="qq-upload-drop-area span12"&gt;&lt;span&gt;{dragText}&lt;/span&gt;&lt;/pre&gt;' +
                '&lt;div class="qq-upload-button btn btn-success" style="width: auto;"&gt;{uploadButtonText}&lt;/div&gt;' +
                '&lt;ul class="qq-upload-list" style="margin-top: 10px; text-align: center; width:280px"&gt;&lt;/ul&gt;' +
                '&lt;/div&gt;',
          uploadButtonText: '&lt;i class="icon-upload icon-white"&gt;&lt;/i&gt; Upload Book Cover',
          onComplete:function(id,fileName,responseJSON){
              ID=responseJSON.id;
              },
  
          classes: {
              button: 'qq-upload-button',
              drop: 'qq-upload-drop-area',
              dropActive: 'qq-upload-drop-area-active',
              dropDisabled: 'qq-upload-drop-area-disabled',
              list: 'qq-upload-list',
              progressBar: 'qq-progress-bar',
              file: 'qq-upload-file',
              spinner: 'qq-upload-spinner',
              finished: 'qq-upload-finished',
              size: 'qq-upload-size',
              cancel: 'qq-upload-cancel',
              failText: 'qq-upload-failed-text',
              success: 'alert alert-success',
              fail: 'alert alert-error',
              successIcon: null,
              failIcon: null
          }
  
      });
  
      $("#add_book").click(function(){
  
  
              ready=true;
              if($("#name").val()=="")
              {
                  $("#name").css('background-color','#FFF2F2').css('border-color','red'); ready=false;
              }
  
              if($("#author").val()=="")
              {
                  $("#author").css('background-color','#FFF2F2').css('border-color','red'); ready=false;
              }
  
              if($("#isbn").val()=="")
              {
                  $("#isbn").css('background-color','#FFF2F2').css('border-color','red'); ready=false;
              }
  
              if($("#subject").val()=="")
              {
                  $("#subject").css('background-color','#FFF2F2').css('border-color','red'); ready=false;
              }
              if($("#ageGroup").val()=="")
              {
                  $("#ageGroup").css('background-color','#FFF2F2').css('border-color','red'); ready=false;
              }
              if(ready)
              {
                  uploader.setParams({name:$("#name").val(),author:$("#author").val(),isbn:$("#isbn").val(),subject:$("#subject").val(),age:$("#ageGroup").val()});
                  uploader.uploadStoredFiles();
                  $("#name").val("");
                  $("#author").val("");
                  $("#isbn").val("");
                  $("#subject").val("");
                  $("#ageGroup").val("")                      
              }
  
  
          });
  
  
  
      });
          &lt;/script&gt;
              &lt;div class="page"&gt;
             &lt;div class="menu"&gt;&lt;a href="#"&gt;Books&lt;/a&gt; &amp;nbsp;| &amp;nbsp;&lt;a href="#" class="active"&gt;Students&lt;/a&gt;&lt;/div&gt;
                  &lt;h2&gt;Add New Book&lt;/h2&gt;
                                   &lt;div class="send-form" id="book_form" &gt;   
  
                            &lt;p style="float:left"&gt;
                            &lt;label&gt;Book Title:&lt;/label&gt;
                            &lt;input class="u-3" name="name" id="name" /&gt;
                            &lt;/p&gt;
  
                            &lt;p style="float:right"&gt;
                            &lt;label&gt;Book Author&lt;/label&gt;
                            &lt;input class="u-3" name="author" id="author" /&gt;
                            &lt;/p&gt;
                            &lt;p style="float:left"&gt;
                            &lt;label&gt;Book ISBN&lt;/label&gt;
                            &lt;input class="u-3" name="isbn" id="isbn" /&gt;
                            &lt;/p&gt;
  
  
                            &lt;p style="float:right"&gt;
                            &lt;label&gt;Subject&lt;/label&gt;
                            &lt;input class="u-3" name="subject" id="subject" /&gt;
                            &lt;/p&gt;
  
                             &lt;p style="float:left"&gt;
  
                            &lt;div id="fine-uploader" style="margin-left:0px !important"&gt;
  
                            &lt;/div&gt;
                            &lt;/p&gt; 
                            &lt;p style="float:right; width:250px; margin-top:10px; margin-right:-10px"&gt;
                            &lt;label&gt;Age group (eg. 8-12)&lt;/label&gt;
                            &lt;input class="u-3" name="ageGroup" id="ageGroup" /&gt;
  
                            &lt;/p&gt;
  </code></pre>