Как проверить AJAX перекрытия и через них?

Question

Я создал простое событие изменения в Ajax и пытался получить данные об изменении тега select [HTML] в другом теге select.

Все отлично, я получил результат на test.php

test.php

<div class="row">
    <div class="input-field col s12">
        <select name="category" id="category">
            <option value="" disabled selected>Choose Category</option>
            <?php
                include "db-connect/db-connect.php";
                $qry = mysqli_query($conn, "SELECT * FROM `category`");

                while ($row=mysqli_fetch_assoc($qry)) {

            ?>
            <option value="<?php echo $row['id']; ?>"><?php echo $row['category']; ?></option>
            <?php } ?>
        </select>
    </div>
</div>
<div class="row">
    <div class="input-field col s12">
        <select name="subcategory" id="subcategory">
            <option value="">Choose Sub Category</option>
        </select>
    </div>
</div>

и код AJAX для этого HTML: -

    <script type="text/javascript">
    $(document).ready(function(){
        $('#category').on('change',function(){
            var categoryID = $(this).val();
            if(categoryID){
                $.ajax({
                    type:'POST',
                    url:'ajax/category.php',
                    data:'category_id='+categoryID,
                    success:function(html){
                        $('#subcategory').html(html);
                        //$('#city').html('<option value="">Select state first</option>'); 
                    }
                }); 
            }else{
                $('#subcategory').html('<option value="">Choose category first</option>');
                //$('#city').html('<option value="">Select state first</option>'); 
            }
        });
    });
    </script>

Когда я запускаю его, я получаю результат, но после этого я хочувнедрить его в шаблон моего проекта я ничего не получил.

Но я получаю данные в элементе контроля [F12] -> Сеть

Файл данных Ajax ajax / category.php: -

<?php
//Include the database configuration file xD
include "../db-connect/db-connect.php";
    if(!empty($_POST["category_id"])){
        //Fetch all data
        $query = mysqli_query($conn,"SELECT * FROM `sub_category` WHERE `category_id` = ".$_POST['category_id']."");

        //option list
        if(mysqli_num_rows($query) > 0){
            echo '<option value="">Select state</option>';
            while($row = mysqli_fetch_assoc($query)){ 
                echo '<option value="'.$row['sub_category'].'">'.$row['sub_category'].'</option>';
            }
        }else{
            echo '<option value="">State not available</option>';
        }
    }
?>