Sending AJAX + Django files?

Question

Django

Hello, I have a problem.
There is a form:

<form id="avatarUpload" action="{% url 'Home:Edit' %}" method="POST" enctype="multipart/form-data">
    {% csrf_token %}
    <input type="file" name="{{ form.avatar.name }}" id="{{ form.avatar.name }}">
</form>

Outside the form, there is a button that, when clicked, should trigger an AJAX request:

$('.action__button.primary').on('click', function() {
    $('#avatarUpload').submit(function() {
        $.ajax({
            type: $(this).attr('method'),
            url: $(this).attr('action'),
            data: $(this).serialize(),
            success: function() {
                console.log('OK')
            }
        })
    })
})

But nothing happens.

views.py:

if request.method == 'POST':
        user_form = UserEditForm(data=request.POST, instance=request.user)
        form = ProfileEditForm(data=request.POST, files=request.FILES, instance=request.user.profile)
        if form.is_valid and user_form.is_valid:
            user_form.save()
            form.save()
            return redirect('Home:Edit')
        if request.is_ajax:
            form.save()

Answer 1

Why doesn't the code for sending a file via AJAX work?