javascript - Sequential execution (form + ajax) -

i need send form ajax, code next:

$("#myform").submit(function (e) {     e.preventdefault();     $("#id_ask").val(id),     $("#id_text").val( $('#editor').markdowneditor('content') )     console.log($("#id_text").val())     forumservice.create_answer($("#myform"), url); }) 

i get:

my content post http://127.0.0.1:8080/api/forum/answer/ 400 (bad request) 

this mean, id_text value not been sent.

so seen $("#id_text").val( $('#editor').markdowneditor('content') ) slow , execute after of forumservice.create_answer(url);

how fix that?

i tried with: .change() , $.when()

thanks

update:

ajax:

forumservice.create_answer = function (form, url) {     formdata = new formdata($(form).get(0));      $.ajax({         type: 'post',         url: url,         data: formdata,         processdata: false,         contenttype: false,         beforesend :             function( xhr ) {                 xhr.setrequestheader( "authorization", json.parse($.session.get("token")).token_type +" "+ json.parse($.session.get("token")).access_token );         } ...         }) 

payload:

------webkitformboundaryvpuu073tjx2onfzh content-disposition: form-data; name="ask"  1 ------webkitformboundaryvpuu073tjx2onfzh content-disposition: form-data; name="text"   ------webkitformboundaryvpuu073tjx2onfzh content-disposition: form-data; name="action"   ------webkitformboundaryvpuu073tjx2onfzh--