Built in $this->Js->submit cakephp 2.1 runs twice

Fellow cakephp developers.

I'm having some major problems whilst working with $this->Js->submit and calling ajax at the same time. 

Everything works fine, but the whole thing runs twice and I cant seem to find out why..

I asked the same question on stack overflow two days ago and noone seems to be able to respond => http://stackoverflow.com/questions/13199044/built-in-this-js-submit-cakephp-runs-twice

What I want to do:

Site on which my logic starts contains a table with my data. On this site I also have several elements that contain forms and are opened by a modal window (jquery ui dialog)

1. Insert an object to database. (working)
2. The form by which I insert is in a modal dialog window. (working)
3. The submit button is an image. (working)
4. Before the form is submitted, validation is fired (working)
5. After the form is submitted, close the modal and put new object on the first line of a table (working).

So what is my problem?

Everything fires twice.

** CODE **

Since All my other code seems to be working I'm gonna paste only the $this->Js->submit part of my code, so you guys can focus on what seems to be the problem.

If any other code is required, please write to me and I will be happy to paste some more in the edit section.

echo $this->Js->submit(' ', array (          'label' => 'Send',          'onsubmit'=>"event.returnValue = false; return false;",          'div'   => array('class' => 'send_button'), //style submit to be an image          'url'   => array('controller' => 'csms', 'action' => 'append_new_csm'),          'type' => 'json',          'success' => '              if (data.success == true) {                  $("#element_add").dialog("close");                  var newLine = data.csmLine;                  $("#content").find("table tbody").find("tr:first").before(newLine);              }              else {                   $("#element_add").html(data.form);              }              ',          'buffer' => false, //true did not help (refreshes the whole web site)          'before' => '              if (!checkAdd()) { //validation (custom js function)                  return false;              }          '      ));

What I tried

1. Adding a return false line at the end of 'success' block of code.
2. Adding an event.preventDefault() at the start of 'before' block of code.

EDIT HERE IS THE GENERATED HTML CODE

    </script><div class="send_button"><input  id="submit-1182269389" type="submit" value=" "/></div><script type="text/javascript">    $("#submit-1182269389").bind("click", function (event) {$.ajax({beforeSend:function (XMLHttpRequest) {                  if (!checkAdd()) {                      return false;                  }              }, data:$("#submit-1182269389").closest("form").serialize(), dataType:"json", label:"Send", onsubmit:"event.returnValue = false; return false;", success:function (data, textStatus) {                  if (data.success == true) {                      $("#element_add").dialog("close");                      var newLine = data.csmLine;                      $("#okno").find("table tbody").find("tr:first").before(newLine);                  }                  else {                      $("#element_add").html(data.form);                  }                  }, type:"post", url:"\/first_data\/csms\/append_new_csm"});  return false;});    </script></form>

--
Like Us on FaceBook https://www.facebook.com/CakePHP
Find us on Twitter http://twitter.com/CakePHP
 
---
You received this message because you are subscribed to the Google Groups "CakePHP" group.
To post to this group, send email to cake-php@googlegroups.com.
To unsubscribe from this group, send email to cake-php+unsubscribe@googlegroups.com.
Visit this group at http://groups.google.com/group/cake-php?hl=en.