Por que no puedo usar mi codigo JAVASCRIPT?

[hiram_ramirez8]

tengo un formulario en el cual en el boton de submit le pongo onclick"grabar()" por ke asi se llama mi funcion de js, envia los datos al servidor pero nunca se ejecuta mi codigo js

Código HTML:

<form name="respuestas" id="respuestas" method="post" action="" enctype="multipart/form-data">
<table height="20" width="50%" align="center" border="0">
    <tr>
        <td align="center"><img src="logo psicologia.JPG"/></td>
    </tr>
    <tr>
        <td align="center"><input type="button" name="inicio" id="inicio" value="Inicio" onclick="location.href = 'index.php'"/>
    </tr>    
    <tr>
        <td align="center"><font size="+3">Guardado de Respuestas!!!</font></td>
    </tr>
        <td align="center">Seleccionar Archivo (.xls) <input type="file" name="archivo" id="archivo" /> 
        <input type="submit" name="grabar" id="grabar" value="Grabar Encuesta" onclick="grabar()" /></td>
    </tr>
</table>
</form></div></center>
 

Código Javascript:

<script language="javascript">
function grabar(){
    alert('La Información se Guardo Correctamente!!!');
    if (confirm('Desea Guardar Otra Vez?')){
        document.location='grabar.php';     
        } else {
            document.location='index.php';
            }
    }
</script>
 

no se por que no puedo usar mi codigo js