jQuery multiple event handlers and hierarchy
<p>I'm trying to define two eventhandlers for the same form in two different places.</p>

<pre><code>modalPlaceholder.on('submit', 'form', function(e){
  var url = $(this).attr('action');
  var data = $(this).serialize();
  $.ajax({
    // ajax stuff
  });
  e.preventDefault();
})
</code></pre>

<p>This one to send the form via ajax post.</p>

<pre><code>$('body').on('submit', 'form', function(){
  $(this).find('.hasPlaceholder').each(function() {
    $(this).val('');
  });
})
</code></pre>

<p>This one to zero form values that are just placeholders, so they dont get sent to the server as actual values.</p>

<p>For forms, that are not within modalPlaceholder, this works fine. But for forms that I want to send with ajax, the form gets serialized and sent before the zeroing happens.</p>

<p>Is there a way to define an order in which the eventhandlers get called?
Help much appreciated.</p>
