Jquery each function для автоматически генерируемых html-элементов с одинаковым классом

У меня есть ajax скрипт, который должен действовать на некоторые автоматически сгенерированные html элементы из django, для этого мне сказали использовать функцию each() в jquery, чтобы действовать на каждый элемент с тем же именем класса. Скрипт вроде как работает без функции each(), но он изменяет только первый элемент, а не каждый отдельный элемент. При использовании функции each значения не изменяются, поэтому я не знаю, что делать.

javascript

$(document).ready(function() {
    $('.fix-button').each(function() {
      $(this).on('submit', function(e){

        e.preventDefault();
        issue_id = $(this)

        $.ajax({
          type: 'POST',
          url: '{% url "fix_issue" %}',
          data: {
            issueid: issue_id.val(),
            csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken]').val(),
            action: 'post'
          },
          success: function (json) {
            document.getElementById("fixed_bool").innerHTML = json['result']
            console.log(json)
          },
          error: function (xhr, errmsg, err) {

          }
        });

      });

    });
  });

мой views.py, если это необходимо

def FixView(request):
if request.POST.get('action') == 'post':
    result = ''
    id = int(request.POST.get('issueid'))
    
    issue = get_object_or_404(Issue, id=id)
    
    if issue.fixed == False:
        print(issue)
        issue.fixed = True
        result = str(issue.fixed)
        issue.save()
    else:
        issue.fixed = False
        result = str(issue.fixed)
        issue.save()

    return JsonResponse({'result': result, })

Вернуться на верх