单击锚标记时如何在浏览器中隐藏href？

Question

我有一个按钮，它是具有href属性的锚点，我想尝试以下操作：

当用户单击锚点按钮时，JQuery捕获该事件并阻止该事件，然后JQuery单击href。

这样做的目的是避免用户单击锚点按钮时在URL中显示href href，例如：wwww.mysite.com/#control

我要完成此任务，但是当我单击定位按钮时出现以下错误：“未捕获的RangeError：超出了最大调用堆栈大小”

<a href="#control" id="someID"> Go to control panel</a>
<div id="control"><input type="number" id="prices" placeholder="Price" required></div>

$('#control').on('click', function(){
    $.ajax({
      method: 'GET',
      url: 'www.someUrl/endPoint',
      async: false
    })
    .done(function(){
        console.log('GET Method done')
    })
    .fail(function(){
        console.log('GET Method fail')
    });
});

$('#someID').on('click', function(e){
  e.preventDefault();
  $('#control').trigger('click');
}); 

欢迎任何帮助。