[jquery] how to get custom attribute value

HTML

<ul>
  <li rangeMinPrice="100000" rangeMaxPrice="20000">100000 ~ 200000<li>
  <li rangeMinPrice="200000" rangeMaxPrice="30000">200000 ~ 300000<li>
  <li rangeMinPrice="300000" rangeMaxPrice="40000">300000 ~ 400000<li>
  <li rangeMinPrice="400000" rangeMaxPrice="50000">400000 ~ 500000<li>
  <li rangeMinPrice="500000" rangeMaxPrice="60000">500000 ~ 600000<li>  
</ul>

js - jquery

$('ul li').on('click', function(){
	var rangeMinPrice = $(this).attr('rangeMinPrice');
	var rangeMaxPrice = $(this).attr('rangeMaxPrice');  
  
  alert('rangeMinPrice : ' + rangeMinPrice + ' | rangeMaxPrice : ' + rangeMaxPrice);
});

jsfiddle : https://jsfiddle.net/h5Lbb8wv/