Trying to submit a form after loading it via ajax

Question

I'm loading a from a server using ajax, but when I try to submit it, it is never submitted.. Here is the code:

$(document).ready(function() {

function successHandler (result) {
}

function errorHandler (error) {
}

$.ajax({url: "http://www.****.com/new",
  dataType: 'html',
  beforeSend: function() {
  },
  complete: function() {
  },
  success: function (result) {
  $('#app-status-ul').hide();

  ajax.parseJSONP(result);
  },
  error: function (request,error) {
  alert('Network error has occurred please try again!');
  }
});

var ajax = {
parseJSONP:function(data){

$('#movie-data').append(data);

$('#movie-data').listview('refresh');
var newTheme = 'b';
}
}

//HERE I TRY TO SUBMIT THE LOADED FORM
$("form").on('submit', function() {
  alert( "Form submitted" );
});

});

As you can guess I expect an alert('Form submited') after submit it.

Answer 1

您必须使用Jquery函数Submit submit() （ http://api.jquery.com/submit/ ）：

$("form").submit();