Ваш код работает хорошо. Проверьте это в этом примере:
$('.input-categories').on('click',function(){
alert("clicked");
});
.icon{
margin-left: 30px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<div class="search-input">
<div class="input-categories">
<span class="comm-input-value">Any unit type </span>
<span class="icon fa fa-angle-down"></span>
</div>
</div>