How to combine jQuery validator, Twitter bootstrap and Nitrogen

form.js

  $('#myform').validate({ errorElement: 'span', errorClass:'help-inline', 
  errorPlacement: function(label, element) {
    var append = $(element).parents(".input-append");
    if(append.length > 0) {
      label.insertAfter(append);
    } else {
      label.insertAfter(element)
    }
  }, highlight: function (element, errorClass) {
    $(element).parents(".control-group").addClass('error');
  }, unhighlight: function (element, errorClass) {
    $(element).parents(".error").removeClass('error');
  }, submitHandler : function() {
    var form = $("#myform");
    var inputs = [{name : "pageContext", value : Nitrogen.$params.pageContext}];
    $.each(form.serializeArray(), function(i, field) {
      var f = {};
      if(field.name == "postback") {
        inputs[inputs.length] = {name : "eventContext", value : field.value};
      } else {
        inputs[inputs.length] = {name : "wfid_" + field.name, value : field.value};
      }
    });
    var post = $.param(inputs);
    $.post("", post, function(reply) {
      eval(reply);
    });
    return false;
  }});

nitroaction.erl

-module(nitroaction).

form_postback() -> wf_event:serialize_event_context(make_action, some_anchor_nothing_valuable, undefined, ?MODULE).

body() ->
  #template{file = "./site/templates/nitroaction.html"}.

nitroaction.html

<form class="well form-horizontal" action="#" id="myform">
  <div class="control-group">
    <div class="controls">
       <input type="hidden" name="postback" value="[[[page:form_postback()]]]" />
       <button class="btn btn-danger wfid_action1_btn" type="submit" name="action" value="1">1</button>
       <button class="btn btn-danger wfid_action2_btn" type="submit" name="action" value="2">2</button>
    </div>					
  </div>
</form>