如何使用 jQuery 设置选择框上的第一个选项？

我有两个 HTMLselect盒子。我需要重置一个select当我在另一个框中进行选择时。

<select id="name" >
    <option value="">select all</option>
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>

<select id="name2" >
    <option value="">select all</option>
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>

当我选择第一个选项时select (i.e. id="name"），我需要重置第二个select to select all;同样，当我选择第二个选项时select (i.e. id="name2"），我需要重置第一个select to select all.

我怎样才能做到这一点？

像这样的事情应该可以解决问题：https://jsfiddle.net/TmJCE/898/

$('#name2').change(function(){
    $('#name').prop('selectedIndex',0);
});


$('#name').change(function(){
    $('#name2').prop('selectedIndex',0);
});