jQueryを利用してSelectを逆選択

このようなコードを例にとると、
 

<select id="branchName">
    <option value="10">     </option>
    <option value="11">     </option>
    <option value="12">     </option>
    <option value="13">     </option>
</select>

 
 
通常、「document.getElementById(‘branchName’).value=12」コードを使用して、branchNameに12対応する「河北支社」を選択させることができます.
 
では、「河北支社」を与えると、branchNameのvalueを12に選定するにはどうすればいいのでしょうか.
 
jQueryでは次のように実現できます.
 

<meta http-equiv="Content-Type" content="text/html; charset=gbk" />

<select id="branchName">
    <option value="10">     </option>
    <option value="11">     </option>
    <option value="12">     </option>
    <option value="13">     </option>
</select>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<script>	
	var wantedValue = '     ';
	
	$('#branchName option').each(function(){
			var value = $(this).val();
			var text = $(this).text();
			
			if(text == wantedValue){
					$('#branchName').val(value);
					return false;
			}
	});
	
</script>