¿Cómo manejo una respuesta de error de JQuery/AJAX?

Probablemente es muy simple, pero no puedo entender cómo manejar el error de jQuery/AJAX

Logré enviar un formulario con AJAX, funciona perfectamente, excepto que no puedo detectar y mostrar los errores como me gustaría.

La respuesta tiene la forma de JsonResponse y devuelve esta matriz con todos los errores (puede ser uno o varios) {error: {account_number: ["Account with this Account number already exists."]}}

Me gustaría mostrar en un div todos los errores pero el siguiente código no funciona

$("#form").submit(function(e) {
  e.preventDefault();
  // serialize the data for sending the form data.
  var serializedData = $(this).serialize();
  // make POST ajax call
  $.ajax({
    type: 'POST',
    url: "ajax_call.php",
    data: serializedData,
    success: function(response) {
      alert('Done!')
    },
    error: function(response) {
      // alert the error if any error occured
      $("#error-message").prepend(
        response["responseJSON"]["error"]
      )
    }
  })
})
Answer

He encontrado el problema, no estaba manejando la respuesta correctamente.

error: function (response) {
  var error = response ["responseJSON"]["error"];
  $.each(error, function( code, message ) {
     $('#error-message').show().append(message);
  });
}