title: uploading file with jquery (not with flash plugins)
body: <p>Code successfully upload file when I remove jquery script codes and submit. But with the following code, text in output div disappears and new text from other page does not write there either.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function(){
      $("[name='video-submit']").click(function() { 
          $.ajax({
              type: "POST",
              enctype: 'multipart/form-data',
              data: $("#VideoForm").serialize(),
              url: "cp.cs.asp?Process=UploadVideo",
              success: function(output) {
                  $("#output").html(output);
              },
              error: function(output) {
                  $("#output").html(output);
              }
          }); //close $.ajax(
      });
  });
  &lt;/script&gt;
    &lt;div id="form"&gt;
          &lt;form  method="post" id="VideoForm"&gt;
              &lt;fieldset&gt;
              &lt;div class="required"&gt;                
                  &lt;label for="VideoURL"&gt;Video File&lt;/label&gt;
                  &lt;input type="file" size="23" name="VideoFile"&gt;
                  &lt;input type="button" name="video-submit" id="video-submit" value="Upload" /&gt;
              &lt;/div&gt;
              &lt;/fieldset&gt;
          &lt;/form&gt;
              &lt;div id="output"&gt;
              fds
              &lt;/div&gt; 
  </code></pre>