title: Can't remove inline event handler in chrome
body: <p>I want to delete an event handler form a form that contains an inline definition of onsubmit.</p>
  
  <pre><code>&lt;form id="loginForm" onsubmit="return performTask(this);"&gt;
  </code></pre>
  
  <p>I have already try :</p>
  
  <pre><code>$("#loginForm").off("submit")
  $("#loginForm").unbind("submit")
  $("#loginForm").die("submit")
  $("#loginForm").removeAttr("onsubmit")
  $("#loginForm").removeProp("onsubmit")
  $("#loginForm").attr("onsubmit", "")
  $("#loginForm").prop("onsubmit, "")
  $("#loginForm")[0].onsubmit = null
  $("#loginForm")[0].onsubmit = undefined
  $("#loginForm")[0].onSubmit = null
  $("#loginForm")[0].onSubmit = undefined
  </code></pre>
  
  <p>And nothing works !</p>
  
  <p>I add my own event listener usin jquery method on() but it is never called. It apear that the old event listener is executed before mine... It does the same thing with onClick event on button.</p>
  
  <p>I have to explicit that I'm in a chrome extension and more precisely in a Content Script injected in a page.</p>
  
  <p>So the question is, is there any way to purge event handlers ? Or much better is there any way to add an event listener that will be call before the inline handler ?</p>
  
  <p>EDIT : After lot of ugly code, I have find a way to do what I want... I do a copy of the form, delete the inline envent handler, replace in the dom the old form by mine and then create my event handler. It's ugly but it works ... If anyone can explain why I can't do this other way ...</p>