problema con multiplicar

[jebus3]

hola amigos mi problema es que no puedo actualizar la multiplicacion despues que ingreso los dos valores y cambio alguno de los dos me sale el siguiente error:

Mensaje: El objeto no acepta esta propiedad o método

este es la parte del codigo que ocupo


<input type="text" name="cantidadInsumo" id="cantidadInsumo" >

<input type="text" name="precioInsumo" id="precioInsumo" onchange="total();" />

<input type="text" name="precioInsumototal" id="precioInsumototal" readonly="readonly" />

<script>
function total()
{
cantidad=document.getElementById('cantidadInsumo') .value;
precio=document.getElementById('precioInsumo').val ue;
parseInt(cantidad);
parseInt(precio);
total=cantidad * precio;
parseInt(total);
document.getElementById('precioInsumototal').value =total;

}
</script>

La primera vez que hago la multiplicacion no tiene problemas pero despues cuando cambio algun valor de precioInsumo me sale ese error
de antemano gracias