Iphone focus after replace issue

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="container">
    <a class="btn btn-info">first button</a>

</div>

CSS

.container 
{
    background-color: green;
}

JavaScript

$(".btn").click(function () {
   $(this).remove();
   $('.container').append('<a class="btn btn-info">second button</a>')
});