Ошибка заполнения варианта выбора Javascript

Я работаю над системой управления школой, и после работы над всеми ошибками я не могу исправить эту ошибку! В моей системе вы можете выбрать из раскрывающегося списка родителей ребенка (отец и мать), информация сохраняется в базе данных правильно, но при редактировании / просмотре возникает проблема.

После того, как вы закроете модальное окно для первого ребенка и перейдете ко второму, а затем обратно к первому, отец и мать покажут родительские данные предыдущего ребенка.

Я попытался очистить значение выпадающего списка select / unselecting до того, как он будет заполнен ajax, но безрезультатно. Вот код, и он выполняется только тогда, когда вы нажимаете кнопку редактирования в строке дочерних элементов:

$.ajax({
            url: base_url + 'student/fetchStudentData/'+studentId,
            type: 'post',
            cache: false,
            dataType: 'json',
            success:function(response){

                // UNSELECT THE DROP DOWNS TO RESET             
                //$('#editSex').find("option:selected").prop('selected',false);
                //$('#editFatherId').find("option:selected").prop('selected',false);
                //$('#editMotherId').find("option:selected").prop('selected',false);

                $("#editFname").val(response.fname);
                $("#editLname").val(response.lname);
                $("#editDob").val(response.dob);

                // NOW SELECT THE OPTION
                $('#editSex option[value='+ response.sex +']').attr('selected','selected');
                $('#editFatherId option[value='+ response.father_id +']').attr('selected','selected');
                $('#editMotherId option[value='+ response.mother_id +']').attr('selected','selected');

                $("#editAge").val(response.age);
                $("#editContact").val(response.contact);
                $("#editEmail").val(response.email);
                $("#editAddress").val(response.address);
                $("#editCity").val(response.city);
                $("#editCountry").val(response.country);
                $("#editRegisterDate").val(response.register_date);
                $("#editClassName").val(response.class_id);

                $("#editSectionName").load('student/fetchClassSection/'+response.class_id, function(i) {
                    $("#editSectionName").val(response.section_id);
                });             

                $("#student_photo").attr('src', base_url + response.image);

                $("#editClassName").unbind('change').bind('change', function() {
                    var class_id = $(this).val();
                    $("#editSectionName").load('student/fetchClassSection/'+class_id);
                });

HTML И PHP:

        <!-- FATHER -->
        <div class = "form-group">
          <label for = "editFatherId" class = "col-sm-4 control-label">Father</label>
          <div class = "col-sm-8">
            <select class = "form-control" name = "editFatherId" id = "editFatherId">
            <option value = "">Select</option>
            <?php foreach ($parentsDataMale as $key => $value) { ?>
              <option value = "<?php echo $value['parents_id'] ?>"><?php echo $value['fname'] . ' ' . $value['lname'] ?></option>
            <?php } // /forwach ?>
          </select>
          </div>                  
        </div>

        <!-- MOTHER -->
        <div class = "form-group">
          <label for = "editMotherId" class = "col-sm-4 control-label">Mother</label>
          <div class = "col-sm-8">
            <select class = "form-control" name = "editMotherId" id = "editMotherId">
            <option value = "">Select</option>
            <?php foreach ($parentsDataFemale as $key => $value) { ?>
              <option value = "<?php echo $value['parents_id'] ?>"><?php echo $value['fname'] . ' ' . $value['lname'] ?></option>
            <?php } // /forwach ?>
          </select>
          </div>                  
        </div>

ИЗОБРАЖЕНИЯ ВЫПУСКА: ПЕРВЫЙ РЕБЕНОК:

ВТОРОЙ РЕБЕНОК:

НАЗАД К ПЕРВОМУ: