Aunque hay algunos ejemplos sobre esto en la web, parece que no funciona correctamente. No puedo entender el problema.

Tengo este html simple

         <div id="foo" data-num="0"></ div>
         <a href="#" id="changeData">change data value</a>

Cada vez que hago clic en el enlace "cambiar valor de datos" quiero actualizar el valor de datos de data-num. Por ejemplo, necesito que sea 1,2,3,4, ... (más 1 cada vez que hago clic en el enlace)

lo que tengo es

            var num = $('#foo').data("num");
            console.log(num);
            num = num+1;               
            console.log(num);
            $('#foo').attr('data-num', num);   

El valor cambia una vez de 0 a 1 cada vez. No puedo hacerlo incremental. ¿Alguna sugerencia de lo que estoy haciendo mal?