Как установить href и не делать сразу переход по ссылке?

Question

[Антон]

При нажатии на кнопку нужно установить href /primerka/, второй клик должен привести к переходу по ссылке.

<a id="abc" class="detail_pr home-primerka-btn" data-element-id="33105" href="javascript:void(0);"><span>Примерить дома</span></a>

Добавил в код ниже это:
document.getElementById("abc").href="/primerka/";
Надписи и классы меняются, и значение href устанавливается, но сразу идёт переход по ссылке, хотя по задумке не должен быть. Должен быть переход когда пользователь второй раз нажмет на кнопку.
JS

$(document).on('click','.home-primerka-btn',function(){
        if ($(this).hasClass('home-primerka-btn_active')){
            $('.home-primerka-btn').removeClass('home-primerka-btn_active');
            $('.home-primerka-btn').find('span').text('Примерка дома');
        }else{
            $('.home-primerka-btn').addClass('home-primerka-btn_active');
            $('.home-primerka-btn').find('span').text('Добавлено на примерку');
document.getElementById("abc").href="/primerka/"; 
            $.ajax(
                {
                    url:'/primerka/add.php',
                    method: 'GET',
                    dataType: 'html',
                    data: "action=ADD_TO_COMPARE_LIST&id="+$(this).data('element-id'),
                    success: function(data){
                        $('#primerka-link').html(data);
                    }
                }
            )
        }
    })

Может я не правильно меняю href? Как его менять без перехода по url?

Comments

[Nejtron]

А зачем вам это, если не секрет? А то мне в голову пришла странная идея, просто добавить над ссылкой невидимый элемент, скрывающийся при клике.

[Антон]

Nejtron, так и сделал. Потому, что не нашел вариантов с подменой href. Всё время шел переход.

Answer 1

[inzeppelin]

Попробуйте вернуть false в коллбэке.

$(document).on('click', '.home-primerka-btn', function() {

   // ...здесь ваш странный код про классы и аякс

  return false;
});