如何使用jquery隐藏或显示具有两个选择选项的输入

我有两个选择选项，我希望它们对输入进行更改。

这是我的js代码：

$(document).ready(function() {
    $('select[name=Start]').change(function() {
        if (this.value == 'St1') {
            $('#PlPrc').css("display", "");
        }
        else if (this.value == 'St2') {
            if($('select[name=End]').value == 'End1') {
                $('#PlPrc').css("display", "");
            }
            else{
                $('#PlPrc').css("display", "none");
            }
        }
    });
});

这是html代码：

<select name="Start">
    <option value="St1">End 1</option>
    <option value="St2">End 2</option>
</select>
<select name="End">
    <option value="End1">End 1</option>
    <option value="End2">End 2</option>
</select>
<div id="PlPrc" style="display:none;"><input type="text" name="PlPrc" value=""/></div>

问题是，javascript代码不处理第二个if子句所在的位置：

if($('select[name=End]').value == 'End1') {
    $('#PlPrc').css("display", "");
}