Validate HTML form using ajax request to another page

I want to use another page of my site to validate HTML form input. If the input is NOT valid, I want to show an error somewhere on my form page without reloading. And otherwise, if it IS valid, I want to submit the form normally.

After reading similar SO questions, I didn't found any exact solution, but actually invented my own, which works for me. Though, I still think that my solution is a bit weird, so I'm asking for proper ideas.

HTML:

 <form id="form" method="POST"> ... some inputs ... </form>
 <button id="submit" type="submit">Save</button>
 <p id="errors"></p>

JS:

$('#form').submit(function (event) {
  var formData = $(this).serializeArray();
  event.preventDefault();
  $.ajax({
         type: "POST",
         url: '/validate/',
         data: formData,
         success: function(data) {
            if(!data)
            {
              $('#form').unbind('submit');
              $('#submit').trigger('click');
            }
            else
            {
                $('#errors').text(data);
            }
        }
      });
return false;
});

NB: It works as expected, I'm asking for better solutions.