Esto no funciona porque estás cargando primero el script y después el HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$('#cargar').click(function(){
alert("hola");
});
</script>
<input type="button" value="Autorizar!" id="cargar">
En este otro, se carga el script después del HTML y sí funciona
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="button" value="Autorizar!" id="cargar">
<script>
$('#cargar').click(function(){
alert("hola");
});
</script>
Si tus scripts están en un archivo externo, coloca la etiqueta <script src="..."></script>
hasta abajo, antes de </body>
o usa una función para que los scripts se ejecuten después de cargar el HTML:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(function() { // <-- Esto hace que se ejecute el código hasta que se cargó el DOM
$('#cargar').click(function(){
alert("hola");
});
});
</script>
<input type="button" value="Autorizar!" id="cargar">