simplificando un poco el codigo por que es muy extenso tengo este html

    <div class="quantity buttons_added">
     <input type="number" size="4" class="input-text qty text" title="Qty"
                    value="1" min="0" step="1" name="cantidad_{{$contador}}">
       <a href="" class="btn btn-warning actualizaCantidad_{{$contador}}" 
                    data-linkcarrito="{{url('/carrito/'.$elementocarrito->slug)}}"
                    data-cantidadidentificador="{{$contador+1}}"><i class="fa
                    fa-refresh"></i></a>
               </div>

Este codigo es dinamico, por lo que en Jquery quiero que seleccione todas las clases que empiecen con "actualizaCantidad"
y una vez seleccionados al darle a cada link individual obtenga una cantidad y un link, y me redireccione a ese mismo link, el problema es que cuando le doy click, nunca hace el preventDefault(), siempre me acaba cargando la pagina. He probado poniendo # en los links, con javascript:void() y con esto consigo evitar la ejecucion de la pagina, pero no me redirecciona a ningun sitio.
He probado con  e.preventDefault(); con  e.stopPropagation(); y con return false y mismo resultado.
He probado alert('JQUERY FUNCIONA '); para ver si me lo carga al inicio de la pagina y lo carga perfectamente, por lo que algun error de no cargar bien jquery queda descartado.

¿Alguna idea?

    $('document').ready(function(){

    alert('JQUERY FUNCIONA ');

    $('a[class^="actualizaCantidad"]').click(function(e)
    		
    	{
    		 e.preventDefault();
            e.stopPropagation()
    
    		var cantidad = $(this).data("cantidadidentificador");
    		var href = $(this).data("linkcarrito");
    			//$(location).attr("href", href);
    			window.location.href = href;
    			//alert(cantidad+' '+ href);
    
    	});	});