Seleção elemento data-value jQuery

Olá pessoal,

Tenho o seguinte código:

<div class="col-lg-2 col-md-6 col-sm-6 col-xs-12">
    <a class="dashboard-stat dashboard-stat-v2 blue" href="#">
        <div class="visual">
            <i class="fa fa-money"></i>
        </div>
        <div class="details">
            <div class="number"><span data-counter="counterup" data-value="0">0</span></div>
            <div class="desc"># CPF's Únicos</div>
        </div>
    </a>
</div>

Dentro de data-value que está zerado eu quero colocar um valor que estou buscando dentro do meu servidor, porém como faço a manipulação desse elemento com jQuery?

Primeiro atribui um id ao span, depois adapta a sintaxe abaixo:

//Assim ler o atributo do elemento selecionado:
$("#seuSpan").attr("data-value");
//Assim atribui o valor ao atributo do elemento selecionado:
$("#seuSpan").attr("data-value", 30);

Neste exemplo pode ver o alert com o valor inicial do span e ao inspecionar o elemento irás ver o novo valor atribuído pela function.

Obrigado pelo esclarecimento @RaulCrash