Как я могу предотвратить jQuery от вмешательства в мой javascript в Safari?

Question

У меня есть две радиокнопки, которые должны присвоить значение двум отдельным элементам, в зависимости от того, какой из них активен.

Вот HTML:

<script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>

<input id="Radio1" onclick="radio1click()" name="Radios" type="radio" value="Value 1" checked>
<label for="Radio1">
  Value 1
</label>

<input id="Radio2" onclick="radio2click()" name="Radios" type="radio" value="Value 2">
<label for="Radio2">
  Value 2
</label>

<span id="element-1" valuereada="1">
  Block 1
</span>

<span id="element-2" valuereadb="1">
  Block 2
</span>

Вот javascript:

  <script>
  function radio1click() {
    var variable1 = document.getElementById('element-1');
    variable1.setAttribute('valuereada', 1);
    var variable2 = document.getElementById('element-2');
    variable2.setAttribute('valuereadb', 1);

  }
  function radio2click() {
      var variable1 = document.getElementById('element-1');
      variable1.setAttribute('valuereada', 2);
      var variable2 = document.getElementById('element-2');
      variable2.setAttribute('valuereadb', 2);
  }
  </script>

Когда я использую элемент проверки, я обнаруживаю, что эти значения меняются по назначению. Однако я заметил, что он перестает работать после обновления sh браузера в Safari и возобновления тестирования.

Я обнаружил, что проблема напрямую связана с зависимостью jQuery. Хотя я не использую jQuery в этом примере, он все еще находит способ вызвать у меня проблемы. Как я могу выполнить эту работу, сохраняя зависимость, даже если она не используется в контексте этого кода?