title: jQuery $.submit and files not working in IE and FF
body: <pre><code>&lt;?php
      if (!empty($_FILES)){
          echo "&lt;pre&gt;";
          echo $_FILES['file']['type'];
          echo "&lt;/pre&gt;";
          return;
      }
  ?&gt;
  &lt;script type="text/javascript"&gt;
      function autoUpLoad(){
          $("#txtHint").html("&lt;center&gt;&lt;img src='include/images/loader.gif' /&gt;Reading selected file...&lt;/center&gt;");
          $(document).ready(function(){
              $("#file").change(function(){
                  $("#myForm").submit(function(data){
                      $("#txtHint").html(data);
                  });
              });
          });
      }
  &lt;/script&gt;
  &lt;form id="myForm" method="post" enctype="multipart/form-data"&gt;
      &lt;input type="file" name="file" id = "file" onchange='autoUpLoad()'/&gt;
      &lt;input type="submit" value="Send" /&gt;
  &lt;/form&gt;
  &lt;div id="txtHint"&gt;
      test
  &lt;/div&gt;
  </code></pre>
  
  <p>The above code is not working and I am not sure what is wrong here? It works only if I remove these lines:</p>
  
  <pre><code>function(data){
      $("#txtHint").html(data);
  }
  </code></pre>
  
  <p>It just doesn't allow me to return data to <code>txtHint</code>. Can anyone explain to me how to make it work?</p>