jquery ajax no hace nada

[Japrendo]

Por favor una ayuda.

Estoy siguiendo un ejemplo para ligar dos COMBOBOX
en HEAD tengo este script

Código Java:

[CODE]        <script type ="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
        <script type ="text/javascript">
            $(document).ready(function(){
                $('#SUCX').change(function(){
                    var id=$('SUCX').val();
                    $('#ofix').load('tabla_1.jsp?id='+id);
                });
            });
        </script>
[/CODE]
 

lleno la lista 1

Código Java:

[CODE]        <select name="SUCURSAL" ID='SUCX'>
        <%
           out.println("<option value=0 >Seleccione una Sucursal...</option>" );
           for (int i=0;i<listaEcoListas.size();i++)
           {
              out.println("<option value="+listaEcoListas.get(i).getcodigo()+">"+listaEcoListas.get(i).getdescripcion()+"</option>" );
           }        
         %>
         </select>
[/CODE]
 

y dentro de un DIV armo la lista 2

Código Java:

" <div id = "ofix">
           <select name='ofix' id='ofix'>
           <%
              out.println("<option value=0 >Seleccione una Oficina...</option>" );
            %>
            </select>
        </div>"
 

[/CODE]

y en el jsp tabla_1 recibo la variable para despues hacer el select a la base de datos

Código Java:

int idR = Integer.parseInt(request.getParameter("id"));
        DBListas cDB2 = new DBListas();
        LinkedList<RegistrosListas> listaEcoOfi = cDB2.getEcoListasOfi(idR);
        out.println("***");
        out.println(idR);
 

Pero no recibo la variable, que estoy haciendo mal...gracias por su ayuda.