Не срабатывает условие в скрипте

var el, location; 
$("#slider").change(function() { 
  el = $(this); 
  location = el.val(); 
  console.log(location); 
  if (location > 9 && location < 100) { 
    console.log("Условие сработало"); 
  } 
}).trigger("change");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="fifty"> 
  <img src="../img/circle_small.png" alt=""> 
  <p id="output">100</p> 
</div> 
<div id="slider" class="slider"></div>