Занести данные в переменные при клике

[alerzo]

Здравствуйте! Подскажите пожалуйста, как при клике на такой элемент занести данные в разные переменные?

<span class="cart-icon" data-price-dollar="0.05" data-price-rub="3" data-price-kolvo="416" data-type="VK (РФ, в логине)">
	<a href="#" class="zakaz-button">купить</a></span>

Таких элементов на странице очень много, нужно при клике на ссылку заносить их в переменную, нужны значения
data-price-rub
data-price-kolvo
data-type
data-price-dollar
Заранее спасибо, сам не знаю..

Пробовал так

$(".cart-icon").click(function () { 
  var data_price_dollar = $(this).data('data-price-dollar');
  var data_price_rub = $(this).data('data-price-rub');
});

[Decode]

<span class="cart-icon" data-price-dollar="0.05" data-price-rub="3" data-price-kolvo="416" data-type="VK (РФ, в логине)">
  <a href="#" class="zakaz-button">купить</a>
</span>

<span class="cart-icon" data-price-dollar="0.05" data-price-rub="3" data-price-kolvo="416" data-type="VK (РФ, в логине)">
  <a href="#" class="zakaz-button">купить</a>
</span>

<span class="cart-icon" data-price-dollar="0.05" data-price-rub="3" data-price-kolvo="416" data-type="VK (РФ, в логине)">
  <a href="#" class="zakaz-button">купить</a>
</span>

<script src="https://code.jquery.com/jquery-2.1.4.js"></script>

<script>
  $(document).on('click', '.cart-icon', function() {
    var data_price_dollar = $(this).data('price-dollar');
    var data_price_rub = $(this).data('price-rub');
    var data_price_kolvo = $(this).data('price-kolvo');
    var data_type = $(this).data('type');

    console.log([data_price_dollar, data_price_rub, data_price_kolvo, data_type]);
  });
</script>

[alerzo]

Почему то у меня данный код не работает...по всякому уже пробовал..Скинул сайт в личку, если не трудно подскажите..