Как собрать и обновить переменную по клику?

Всем привет!
Есть задача сделать сайт с заменой валют, то есть если кликаешь на usd выходит цена в доллар на евро в евро и так далее. Я коечто собрал на коленке но оно не работает!

Так я меняю валюту

$(document).ready(function() {
  $('.converter li').click(function() {
    $('.converter li').removeClass('active');
    $(this).addClass('active'); // Added
    var c = $(this).addClass('active').text().toLowerCase();
      $('[data-tenge]').each(function() {
      $(this).html($(this).data(c))
    })
    // return !1; // commented
  });
})

Тут я создаю переменную сохраняю сумму на которую заменил и вставляю в атрибут data-price

$(document).ready(function() {
  $('.euro').on ('click', function() { this,
price = $('.priceNum').html(); 
$('.click_pay').attr('data-price', price);
    });
  });



$(document).ready(function() {
  $('.tenge').on ('click', function() { this,
price = $('.priceNum').html(); 
$('.click_pay').attr('data-price', price);
    });
  });



  $(document).ready(function() {
  $('.usd').on ('click', function() { this,
 price = $('.priceNum').html(); 
$('.click_pay').attr('data-price', price);
    });
  });

Оно копируется сохраняется, но только один раз, далее когда я меняю сумму переменная не обновляется. И ещё проблема она копирует сохраняет сумму от первого элемента и ставит её во все атрибуты.

кусочки кода
Это сам сайт можете посмотреть в консоле, переменная не обновляется когда я меняю валюту