web 复位<select>标签 jQuery用法

HTML是这样的：

<select id="building-select" class="form-control" name="building">
	</span><option value="-1">All</option>
	</span><option value="1">Blue Park</option>
	</span><option value="2">Portable Classroom A</option>
	</span><option value="3">Portable Classroom B</option>
	</span><option value="4">Outdoor on Campus</option>
	</span><option value="5">building3</option>
	</span><option value="6">Boshton</option>
	</span><option value="7">Union Building</option>
	</span><option value="8">123456</option>
	</span><option value="9">Red room</option>
	</span><option value="10">Blue Park</option>
</select>

如何在用jQuery控制选择哪个option呢？试了三种方法：

$('#building-select').val(-1);
        // $('#building-select > option:first').attr('selected', true);
        // $('#building-select option').first().attr('selected', true);

只有第一个方法生效了。