Проблема с селекторами

$('.iteaminfo select').on('click',function(){ 
  var iteamval = $(this).val(), 
      wrap = $(this).closest('.iteaminfo'), 
      info = wrap.find('.p_info'), 
      cost = wrap.find('.cost'); 
   
  if(iteamval==1){ 
    var iteaminf = wrap.find('.itm_info_1').text(); 
    info.text(iteaminf); 
     
     var iteamcost = wrap.find('.itm_cost_1').text(); 
     cost.text(iteamcost); 
  } 
   
  if(iteamval==2){ 
    var iteaminf = wrap.find('.itm_info_2').text(); 
    info.text(iteaminf); 
     
     var iteamcost = wrap.find('.itm_cost_2').text(); 
     cost.text(iteamcost); 
  } 
   
  if(iteamval==3){ 
    var iteaminf = wrap.find('.itm_info_3').text(); 
    info.text(iteaminf); 
     
     var iteamcost = wrap.find('.itm_cost_3').text(); 
     cost.text(iteamcost); 
  } 
});

.hide_block{ 
    display: none; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="iteaminfo"> 
  <h3>Двигуни</h3> 
  <select name="motor" class="motor"> 
    <option value="1" selected>Двигун Комплектний 2.2CDi 313</option> 
    <option value="2">Двигун Комплектний 2.9 Tdi 312</option> 
    <option value="3">Голий двигун </option> 
  </select> 
  <div class="hide_block"> 
    <p class="itm_info_1">Двигун Комплектний 2.2CDi 313</p> 
    <p class="itm_info_2">Двигун Комплектний 2.9 Tdi 312</p> 
    <p class="itm_info_3">Голий двигун</p> 
    <p class="itm_cost_1">2000</p> 
    <p class="itm_cost_2">2000</p> 
    <p class="itm_cost_3">1300</p> 
  </div> 
   
  <p class="p_info">Виберіть двигун зі списку вище!</p> 
  <div class="cost">цена</div> 
</div> 
   
<div class="iteaminfo"> 
    <h3>Двигуни</h3> 
    <select name="gov" class="motor"> 
     <option selected  value="1">Двигун Комплектний 2.2CDi 313</option> 
     <option value="2">Двигун Комплектний 2.9 Tdi 312</option> 
     <option value="3">Голий двигун </option> 
     </select> 
    <div class="hide_block"> 
      <p class="itm_info_1">Двигун Комплектний 2.2CDi 313</p> 
      <p class="itm_info_2">Двигун Комплектний 2.9 Tdi 312</p> 
      <p class="itm_info_3">Голий двигун</p> 
      <p class="itm_cost_1">2000</p> 
      <p class="itm_cost_2">2000</p> 
      <p class="itm_cost_3">1300</p> 
    </div> 
   <p class="p_info">Виберіть двигун зі списку вище!</p> 
  <div class="cost">цена</div> 
</div>

$('.iteaminfo select').on('click',function(){ 
   
      var  
      iteamval = $(this).children(":selected").html(), 
      wrap = $(this).closest('.iteaminfo'), 
      price = $(this).children(":selected").data('price'), 
      info = wrap.find('.p_info'), 
      cost = wrap.find('.cost'); 
   
      info.text(iteamval); 
      cost.html(price); 
 
});

.hide_block{ 
    display: none; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="iteaminfo"> 
  <h3>Двигуни</h3> 
  <select name="motor" id="motor"> 
    <option value="1" selected data-price="2000">Двигун Комплектний 2.2CDi 313</option> 
    <option value="2" data-price="2000">Двигун Комплектний 2.9 Tdi 312</option> 
    <option value="3" data-price="1300">Голий двигун </option> 
  </select> 
   
  <p class="p_info">Виберіть двигун зі списку вище!</p> 
  <p>Ціна: <div class="cost"></div></p> 
</div> 
   
<div class="iteaminfo"> 
    <h3>Двигуни</h3> 
    <select name="gov" id="motor"> 
     <option value="1" selected  data-price="2000">Двигун Комплектний 2.2CDi 313</option> 
     <option value="2" data-price="2000">Двигун Комплектний 2.9 Tdi 312</option> 
     <option value="3" data-price="1300">Голий двигун </option> 
     </select> 
   <p class="p_info">Виберіть двигун зі списку вище!</p> 
   <p>Ціна: <div class="cost"></div></p> 
</div>