tengo un problema con ajax

tengo un campo en html:

<input type="hidden" id="numreporte" name="numeroreporte" value="30" >

tengo una función: 

function valnumreport(){

     $.ajax({
            type: 'POST',
            url: 'ruta.php',
            data:'numeroreporte='+ document.getElementById('numreporte').value,
            success:function(response){

       alert (numeroreporte);


      }
      });
    }
            


y llamo a la funcion con un onchange 

onchange ='valnumreport()'


lo que quiero es mandar el valor del hidden a otra pagina con un evento onchange pero no lo envia, apenas estoy trabajando con ajax por eso no tengo muchos conocimientos