如何在ajax中将内容显示为默认内容

我有ajax代码，当我选择区域（第一个选择框）时，我会得到该区域的所有城市

问题是当我第一次进入页面时-我希望第二个选择框（城市选择框）填充默认区域（第一个选择）

这是我已经拥有的：

客户端：

<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>

$（文档）.ready（函数（）{
$（'#areaID'）。更改（函数（）{
var areaID=$（'#areaID'）.val（）；
$（'#cityID'）.load（'scripts/ajax/getCities.php？areaID='+areaID）；
返回false；
});
});
居中
北
南方

$(function () {
    function updateCitySelectBox() {
        var areaID = $('#areaID').val();
        $('#cityID').load('scripts/ajax/getCities.php?areaID=' + areaID);

        return false;
    }

    updateCitySelectBox();
    $('#areaID').change(updateCitySelectBox);
});