jquery - ページ読み込み後に 2 番目のドロップダウン値が表示されない

Question

最初のドロップダウンの値を変更した後、ドロップダウンの値のみを表示する 2 番目のドロップダウン リストがあります。ただし、ページの読み込み直後に 2 番目のドロップダウンに値を表示したいと思います。

<script type="text/javascript">
$(document).ready(function() {
    $("#parent_cat").change(function() {
        $(this).after('<div id="loader"></div>');
        $.get('../helper/loadsubcat.php?parent_cat=' + $(this).val(), function(data) {
            $("#sub_cat").html(data);
            $('#loader').slideUp(200, function() {
                $(this).remove();
            });
        }); 
    });
});
</script>

ここで何が欠けているか知っていますか？

どうもありがとう