[object HTMLInputElement]

[temerariomalaga]

Buenas, estoy intentando seleccionar el texto de dos cajas de texto para procesarlas con Ajax pero no se por qué me devuelve el valor [object HTMLInputElement]
Este es el código que tengo para obtener el valor:

Código HTML:

<table>
                        <tr>
                            <td>Introduzca licencia: </td>
                            <td><input type="text" id="lic" name="lic" value=""/></td>
                        </tr>
                        <tr>
                            <td>Introduzca apellidos: </td>
                            <td><input type="text" id="ape" name="ape" value=""/></td>
                        </tr>
                        <script type="text/javascript">
                            var lic=document.getElementById("lic").value;
                            var ape=document.getElementById("ape").value;
                            
                        </script>
                        <tr>
                            <td><input type="button" value="Buscar" onclick="load(lic, ape);"/></td>
                        </tr>
 

Si intento hacer lo siguiente si me muestra el texto de los input

Código HTML:

<script type="text/javascript">
                            function prueba(){
                            var lic=document.getElementById("lic").value;
                            var ape=document.getElementById("ape").value;
                            alert("La licencia es: "+lic+" y los apellidos son: "+ape);
                            }
                        </script>
                        <tr>
                            <td><input type="button" value="Buscar" onclick="prueba();"/></td>
 

Asignarle el valor a las variables no lo he cambiado así que no se por qué no me coje el texto en el primer caso