JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" name="name" id="name" value="1" class="name">
<a href="#gosomewhere" class="btn">
  <label for="name">
    This anchor doesn't work.
  </label>
</a>
<br><br>
<a href="#gosomewhere">This anchor works.</a>

<div id="gosomewhere">And I'm here.</div>

CSS

#gosomewhere {
    margin-top: 1000px;
    height:80px;
    width:30%;
    background:wheat;
}

JavaScript

$('#name').click(function() {
    $('html, body').animate({scrollTop:$('#gosomewhere').offset().top}, 500);
});