Проблема с динамическим изменением третьего SELECT
 

Есть форма из 3 селектов.
При изменении первого 2 и 3 должны динамически меняться, подгружая значения option из БД.
Но у меня корректно меняется только 2 селект, а 3-ий с запозданием на 1 цикл. То есть при изменении первого, я считываю его значение и строю 2 селект затем в том же onchange считываю значение 2-ого селекта, но оно берется не новое, а старое, которое было до изменения.
Как это можно исправить?

Кратко по коду выглядит так:

<script>
function loadTab() { 
	new Ajax.Updater( 'level2', '/libhelp.php?id='+$("level1").value+'&level=2', { method: 'get' } );
	new Ajax.Updater( 'level3', '/libhelp.php?id='+$("level2").value+'&level=3', { method: 'get' } );
}
</script>

<?
<select onchange="javascript:void loadTab();" id="level1">
<option value="a">a</option><option value="b">b</option>
</select> &nbsp; 
<select id="level2">
</select> &nbsp; 
<select id="level3">
</select>
?>