我有两个选择框。我只想在第一个选择框中单击特定选项时才启用第二个选择框

Question

我有两个选择框。我只想在第一个选择框中单击特定选项时才启用第二个选择框。 下面给出了我的两个选择框代码，如果我在'usertype'选择框中选择'Admin'选项，那么我只想启用整个'区域'选择框。我使用jquery编写了下面给出的结果。但是没有工作。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
    $('[name="usertype"]').change(function(){
    $('[name="zone"]').prop('enabled', this.value=='Admin');
    });
</script>

<select name="usertype">
    <option>President</option>
    <option>Secretary</option>
    <option>Treasurer</option>
    <option>Admin</option>                                              
</select>

<select name="zone">
    <option>North Zone</option>
    <option>South Zone</option>
    <option>East Zone</option>
    <option>West Zone</option>  
</select>