title: Can't unbind/detach eventListener set by external script
body: <p>I've run into a problem that I have yet to find a solution for. I'm currently working in a project where I'm needed to re-use already existing components. I have no access to the source of these components and can not change the original files. This means that differing behavior or styling needs to be &quot;overridden&quot; by new files I create.<br/>
  I'm now running into a problem where a form has a &quot;submit&quot; eventlistener attached to it using jQuery <code>.on('submit')</code>.
  According to some threads I found, I'm supposed to detach the even using <code>.off()</code>, but that does not work. I've tried <code>.unbind()</code> as well, but haven't had success. The eventlistener is attached like this:</p>
  <pre><code> $(element).on(&quot;submit.Parsley&quot;, function(e) {
  </code></pre>
  <p>So it looks like parsley is being used for the form validation.</p>
  <p>What I need to achieve is basically just preventing the attached functions to run. But since my script gets loaded in After theirs, I can't use preventDefault on the submit event.</p>
  <p>Any help is very welcome.</p>