Ajax jquery , подстановка данных из бд в формы

Всем привет, нужна помощь с подстановкой данных из базы данных в формы. Код ajax'a:

$(function () {
    $('.reference-link').magnificPopup();
    $('#groups').change(function () {
        let gid = $('#groups').val();
        $.ajax({
            url: 'data.php',
            method: 'post',
            data: 'gid=' + gid
        }).done(function (obiturient) {
            console.log(obiturient);
            obiturient = JSON.parse(obiturient);
            $('#obiturients').empty();
            obiturient.forEach(function (obiturient) {
                $('#obiturients').append('<option>' + obiturien.O_fam + ' ' +  obiturien.O_name + ' ' + obiturien.O_otch + '</option>')
            })
        })
    })

})

Код форм:

 <div id="popup1" class="mfp-hide popup">
        <h2 class="popup-title">Справка о периоде обучения</h2>
        <form class="reference-form" action="">
            <div class="reference-select">
                <select class="groups" name="groups" id="groups">
                    <option value="default" disabled selected>Выберите группу</option>
                    <?php
                    $groups = loadGroups();
                    foreach($groups as $group){
                    ?>
                    <option id="<?=$group['id']?>" value="<?=$group['id']?>"><?=$group['name']?></option>
                    <?php } ?>
                </select>
            </div>
            <div class="reference-select">
                <select class="groups" name="obiturients" id="obiturients">
                    <option value="default" disabled selected>ФИО</option>
                </select>
            </div>
            <button class="reference-btn">Создать</button>
        </form>
    </div>
    <div id="popup2" class="mfp-hide popup">
        <h2 class="popup-title">Справка о переводе</h2>
        <form class="reference-form" action="">
            <div class="reference-select">
                <select class="groups" name="groups" id="groups">
                    <option value="default" disabled selected>Выберите группу</option>
                    <?php
                    $groups = loadGroups();
                    foreach($groups as $group){
                        ?>
                        <option id="<?=$group['id']?>" value="<?=$group['id']?>"><?=$group['name']?></option>
                    <?php } ?>
                </select>
            </div>
            <div class="reference-select">
                <select class="groups" name="obiturients" id="obiturients">
                    <option value="default" disabled selected>ФИО</option>
                </select>
            </div>
            <button class="reference-btn">Создать</button>
        </form>
    </div>

Также прилагаю код, откуда берем данные (2 таблицы):

<?php
require_once 'db.php';
if (isset($_POST['gid'])) {
    global $obiturient;
    $connection = new mysqli('localhost', 'root', 'root', 'rups');
    $stmt = $connection->query("SELECT * FROM `obiturient` WHERE `group_id`= " . $_POST['gid']);
    $obiturient = $stmt->fetch_all(MYSQLI_ASSOC);
    echo json_encode($obiturient);
}
function loadGroups(){
    global $groups;
    $connection = new mysqli('localhost', 'root', 'root', 'rups');
    $stmt = $connection->query("SELECT * FROM `groups`");
    $groups = $stmt->fetch_all(MYSQLI_ASSOC);
    return $groups;
}

Проблема в том, что данные работают правильно, но всё подставляется лишь в первую форму, то есть в форму "Справка о периоде обучения", а в форме "Справка о переводе" эти же данные не работают, классы форм одинаковые, всё одинаковое, в чем может быть проблема? Заранее спасибо за ответ и помощь :3