Не срабатывает функция jquery

    <div class="panel-metro-block">
      <div class="serch-metro-block">
      <input type="text" placeholder="Начните вводить название" name="referal_metro" 
      id="input_metro" value="" class="panel-metro-sort">
        div class="serch-metro dropdown-serch-metro">
        </div>
     </div>
    </div>
    <div class="panel-metro-block">
      <div class="serch-area-block">
      <input type="text" placeholder="Начните вводить название" name="referal_area" 
      id="input_area"  value="" class="panel-area-sort">
       <div class="serch-area"></div>
     </div>
     </div>
    </div>

срабатывает

$(function(){
     $('.panel-metro-sort').bind("change keyup input click", function() { 
        alert("34442");
        }
     );
});

не срабатывает

$(function(){
    $('.panel-area-sort').bind("change keyup input click", function() {
        alert ("dfdfdfd");
    });
});

Может ли это связано быть с уровнем класса, прошу совета и помощи!