重置最近的选择下拉列表

Question

单击按钮时，我需要重置最近的选择下拉列表。不确定哪个不在这里，错误的选择器或错误的重置方法？

http://jsfiddle.net/infatti/CeSrE/

$('.remove').click(function() {
    $(this).closest('select').val('');
});

<div class="controls">
    <button class="btn btn-link remove" type="button">Reset</button>

    <select id="oberservationType" class=" pull-left">
        <option>Choose</option>
        <option>Mauris elementum</option>
        <option>Eros id dapibus</option>
        <option>Vestibulum erat</option>
        <option>Ultricies lacus magna</option>
    </select>
</div>

Answer 1

Closest（）适用于父母，如果不是直接下一个目标元素，请使用.next()或.nextAll()：

SEE DEMO

$('.remove').click(function() {
    $(this).next('select').val('');
});​