problema con onchenge

[echo_]

Buenos dias a todos tengo el siguiente codigo lo que me hace es que al seleccionar la opcion de estudiante me abre la opcion de insertar una institucion y pues me genera un autocomplete pero al momento de escribir el autocomplete las sugerencias me aparecen de otro lado ,pero si saco el codigo del auto complete fuera del onchange si jala bien, pero yo lo ocupo dentro del onchange, espero me puedan ayudar por favor,

saludos

Código:

<script type="text/javascript">
    window.onload = function() {
        var eSelect = document.getElementById('ocupacion');
        var optOtherReason = document.getElementById('otherdetail');
        eSelect.onchange = function() {
            if(eSelect.selectedIndex === 1) {
                optOtherReason.style.display = 'block';
            } else {
                optOtherReason.style.display = 'none';
            }
        }
    }
  </script>



     Seleccione su ocupacion:
    <select id="ocupacion" name="ocupacion">
        <option value="0"> </option>
        <option value="1">Estudiante</option>
        <option value="2">Particula</option>
        <option value="3">Empleado</option>
    </select>
    <div id="otherdetail" style="display: none;"  id="auto"><br>

	
	 
     <link rel="stylesheet" href="autocomplete.css" type="text/css" media="screen">
     <script src="jquery.js" type="text/javascript"></script>
     <script src="dimensions.js" type="text/javascript"></script>
     <script src="autocomplete.js" type="text/javascript"></script>

     <script type="text/javascript">
	$(function(){
	    setAutoComplete("searchField", "results", "autocomplete.php?part=");
	});
     </script>
     

     
	<p id="auto">
		<label>Instituciones: </label>
		<input id="searchField" name="searchField" type="text" />
	</p>               


</div><br><br>