title: Jquery submit with additional function
body: <p>Problem solved. Code is correct. It is the interaction between Angularjs and Jquery. Will work if you are only using Jquery</p>
  
  <p>I am trying to add an extra checking method in my form submit. I am using the Jquery submit function <a href="http://api.jquery.com/submit/" rel="nofollow">here</a></p>
  
  <p>Below is my code</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;form id="upload_form" action="javascript:console.log('submitted');"&gt;
  &lt;table class="tablestyle"&gt;
      &lt;tr&gt;
          &lt;td class="labelstyle" style="width:80px;"&gt;File&lt;/td&gt;
          &lt;td class="datastyle"&gt;
  &lt;input type="file" class="textinput" tabindex="7" id="file" name="file"&gt;
  &lt;input id="upload" name="upload" class="button" value="Upload" tabindex="8" type="submit"&gt;&lt;/td&gt;
      &lt;/tr&gt;   
  &lt;/table&gt;    
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>$("#upload_form").submit(function() {
      console.log("checking");
  });
  </code></pre>
  
  <p>however, when i submit, only the "javascript:console.log('submitted');" is printed in my console. Can't get the "console.log("checking");" to work.</p>
  
  <p>Anyone knows what is the issue?</p>
  
  <p>Any help is appreciated! Thank you.</p>