Как 'связать' 2 элемента на странице?

els = $('#ranges input[type="range"]'); 
els.bind('change', function(){ 
  els.val(this.value); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div id="ranges"> 
  <input type="range"> 
  <input type="range"> 
  <input type="range"> 
  <input type="range"> 
</div>