php - IEでもjqueryの変更が機能しない

Question

データベースに部門テーブルがあります。特定の部門をクリックしたときに選択ボックスを使用して、部門IDを取得し、それを別のクエリに送信して、jquery ajaxを介してサブ部門を取得しています。しかし、私の変更機能は、ページを初めて更新したときにのみ機能します

<div id="depSearch">
<select name="DeptSearchBox" id="DeptSearchBox">
<?php
$sql = "SELECT `id`, `unitname` FROM `units` ORDER BY unitname ASC";
$result = $database->query($sql) or die('cannot connect to the database');

while($row = mysql_fetch_array($result))
{
echo'<option value= "'.$row['unitname'].'">'.$row['unitname'].'</option>';
}
?>
</select> 
</div>

jQuery コード

$(document).ready(function () {

    $('#DeptSearchBox').change(function (e) {
        var formdata = $('#DeptSearchBox').val();

        $.ajax({
            url: "../../includes/jqueryRequireFiles/display_phone_table.php",
            type: "post",
            data: {
                formdata: formdata
            },
            success: function (data) {
                $('#tele_table').html('<center><img src="../images/Sit_related/loader.gif" /></center>')
                    .hide()
                    .fadeIn('1500', function () {
                    $('#tele_table').html(data);
                });
            }
        });
        e.preventDefault();
    });
});