title: Jquery form submit does not work
body: <pre><code>   &lt;script type="text/javascript"&gt;
                    $('#fileUpload').submit(function (evt) {
                        evt.preventDefault();
                        $.ajax({
                            url: "/Transport/GridUpload",
                            type: 'POST',
                            data: $("#fileUpload").serialize(),
                            success: function (response) {
                             alert("it Works");
                            }
                        });
                    });
                &lt;/script&gt;
  </code></pre>
  
  <p>I'm trying to post form via Ajax, but it does not work.</p>
  
  <p>Form html:</p>
  
  <pre><code>   @using (Html.BeginForm("GridUpload", "Transport", new { tipas = 1 }, FormMethod.Post, new {enctype="multipart/form-data", id = "fileUpload" }))
                    {  
                        &lt;table style="margin-top:0px;"&gt;
                            &lt;tr&gt;
                                &lt;td&gt;
                                    &lt;label for="file"&gt;Filename:&lt;/label&gt;
                                &lt;/td&gt;
                                &lt;td&gt;
                                    &lt;input type="file" name="file" id="file" /&gt;
                                &lt;/td&gt;
                                &lt;td&gt;
                                    &lt;input type="submit" class="upload-button" value="Upload" /&gt;
                                &lt;/td&gt;
                            &lt;/tr&gt;
                        &lt;/table&gt;
                    }
  </code></pre>
  
  <p>I get error:</p>
  
  <pre><code>POST http://localhost:3043/Transport/GridUpload 500 (Internal Server Error) 
  </code></pre>
  
  <p>What may be wrong with my code? Am I missing something?
  For the record, If i remove evt.preventDefault(); everything works, but i need to prevent submitting form without ajax.</p>