ajax - ajaxでコンテンツをデフォルトとして表示する方法

Question

AREA (最初の選択ボックス) を選択すると、この地域のすべての都市を取得する ajax コードがあります。

問題は、最初にページに入ったときです-2番目の選択ボックス（都市選択ボックス）をデフォルトのエリア（最初の選択）で埋める必要があります

これは私がすでに持っているものです：

クライアント側：

<script>

$(document).ready(function(){
    $('#areaID').change(function(){
        var areaID=$('#areaID').val();
        $('#cityID').load('scripts/ajax/getCities.php?areaID=' + areaID);
        return false;
    });
});

</script>   

<form method="post" action="page.php">

    <select id="first" name="areaID">
      <option value="1">center</option>
      <option value="2">north</option>
      <option value="3">south</option>
    </select>

    <select id="cityID" name="cityID">  </select>


</form>