Why does this form not submit data

2. $(document).on("submit","#evaluateform",function(e){
3. e.preventDefault()
4. //$('#evaluateform').serialize();
5. $.ajax({
6.   method: "POST",
7. url: "functions/getRouteEvaluation.php",
8. data: $("#evaluateform").serialize()
9. })
10. .done(function( result ) {
11.         $("#evaluate-results").html(result);
12.     }); 
13. })

my form is like this, it's also loaded via another ajax script so loaded dynamically

1. <form id="evaluateform">
2. <input id="depCode" type="text" placeholder="Departure">