Simple jquery handler for django json reponses

handleAjaxForm.js

const handleAjaxForm = (form) => {
  $.ajax({
    url: form.action,
    dataType: 'html',
    type: 'POST',
    data: $(form).serialize(),
    success: data => {
      $(form.parentElement).fadeOut();
      setTimeout(() => $('#success-message').fadeIn(), 1000);
    },
    error: (xhr, status, err) => {
      console.error(status, err.toString());
      $(form).children().filter('.error').remove();
      let errors = $.parseJSON(xhr.responseText),
          fields = $(form).children().filter('[name]');

      for (var i = fields.length - 1; i >= 0; i--) {
        let {name} = fields[i];
        if (errors.hasOwnProperty(name)) {
          // append error message to input
          fields[i].insertAdjacentHTML(
            'beforeBegin',
            `<label for=${name} class="error">${errors[name]}</label>`
          );
        };
      };
    }
  });
},
ajaxFormListener = (form) => {
  form.addEventListener("submit", (e) => {
    e.preventDefault();
    handleAjaxForm(form);
  });
};