更改范围输入值时，如何根据高度更改元素的css？

Question

现在，我有一些工作JS可以根据范围输入的滑块改变div的高度。由于每次范围滑块的位置发生变化时都会重新设置div的高度，因此我想使用该div的高度来确定另一个元素的背景颜色。

目前，这是我的jQuery：

$("#range").change( function () {
  if ($("#mask").height() > 50) {
    $("#element").css("background-color", "#000000");
  }
  else {
    $("#element").css("background-color", "#ffffff");
  }
});

它部分有效，但是一个主要的错误正在发挥作用：它只会在每次更改范围输入时运行此更改。

有更好或更准确的方法来实现这一目标吗？我错过了什么？