«TouchStart» в jQuery дает мне странную проблему

Question

Поэтому я пытаюсь вставить текст в тег span, когда пользователь нажимает на значок.Вот HTML:

  <div class="contact-method-div email-div">
    <img class="icon gmail" src="gmail-icon.png" alt="Gmail icon">
    <span class="js-email-label contact-label"></span>
  </div>
  <div class="contact-method-div github-div">
    <img class="icon github" src="Github-logo.png" alt="GitHub icon">
    <span class="github-label contact-label"></span>
  </div>

А вот javascript:

$(() => {
    ...
    $('.icon.gmail').on('touchstart', () => {
        $('.contact-label').empty();
        $('.js-email-label').html('jacksurtees@gmail.com');
    });
    $('.icon.github').on('touchstart', () => {
        $('.contact-label').empty();
        $('.github-label').html('<a href="https://github.com/jsurt">
            https://github.com/jsurt</a>')
    })
});

Когда на моем телефоне я нажимаю значок, электронная почта мигает на экране, а затем уходит (Я хочу, чтобы электронное письмо было просто текстовым).Если я удерживаю палец и перетаскиваю значок, текст остается.Но что странно, так это то, что часть GitHub работает отлично: я нажимаю на нее на телефоне, и ссылка появляется и остается