Другая функция выгрузки файлов Ajax с тем же кодом не работает с использованием JQuery и FormData

Question

У меня проблема с моим сценарием, я создал функцию загрузки файла AJAX с использованием jquery и FormData.

Я создал две функции, обе они одинаковые, но используют разные значения.Вторая функция не работает - это как функция ajax не работает.

Первая HTML-форма

<form action="" id="first_form_id">
<input type="hidden" name="aksi" value='buat_pengumuman'>
<input type="text" name="judul" placeholder="Judul"><br>
<input type="text" name="pembuat" placeholder="Nama Pembuat"><br>
<input type="text" name="kategori" placeholder="Kategori Pengumuman"><br>
<input type="file" accept="image/x-png,image/gif,image/jpeg" name="file"><br>
<textarea name="isi"></textarea><br>
<button type="submit">submit</button>

Вторая HTML-форма

<form action="" id="second_form_id">
<input type="hidden" name="aksi" value='buat_pengaduan'>
<input type="text" name="judul" placeholder="Judul"><br>
<input type="text" name="pengadu" placeholder="Nama pengadu"><br>
<input type="text" name="kategori" placeholder="Kategori Pengaduan"><br>
<input type="file" accept="image/x-png,image/gif,image/jpeg" name="file"><br>
<textarea name="isi"></textarea><br>
<button type="submit">submit</button>

Первая функция

$("#first_form_id").on('submit' , function(e){
    e.preventDefault()
    $.ajax({
        type: 'POST',
        url: './Api.php',
        data: new FormData(this),
        dataType: 'json',
        contentType: false,
        cache: false,
        processData:false,
        success: function(res){
            console.log(res)
        }
    });
})

Вторая функция

$("#second_form_id").on('submit' , function(e){
    e.preventDefault()
    $.ajax({
        type: 'POST',
        url: './Api.php',
        data: new FormData(this),
        dataType: 'json',
        contentType: false,
        cache: false,
        processData:false,
        success: function(res){
            console.log(res)
        }
    });
})