Maintain button status even with page refresh?

Question

Look at the gif image!

The button is with the status of Pause Processing, and should only return with the status of Pause Processing only after it is clicked again, what happens is that the status changes when a refresh is done on the page, the expected behavior was that it would maintain the status of Follow Processing even if a refresh was made on the web page, if only change status only after clicking the button, as I do to fix this problem?

This is my button;

<button id="btnAcao" type="button" class="btn btn-primary" title="Pausar Processamento" onclick="pausar();">
    <i class="glyphicon glyphicon-pause"></i> Pausar Processamento
</button> 

This is my javascript file on the page;

function pausar(){
    var $btnAcao = $('#btnAcao');

    alert("status do botão  "  + $btnAcao.text().trim());

    if ($btnAcao.text().trim() === 'Pausar Processamento') {
        //$btnAcao.text('Iniciar Processamento');
        $btnAcao.html('').html("<i class='glyphicon glyphicon-play'></i> Seguir Processamento");
        $btnAcao.attr("title", "Seguir Processamento");
    } else {
        //$btnAcao.text('Pausar Processamento');
        $btnAcao.html('').html("<i class='glyphicon glyphicon-pause'></i> Pausar Processamento");
    $btnAcao.attr("title", "Pausar Processamento");
    }

    $.post('AdministracaoRemessa!pausar', function(retorno) {});
}