切换类后jQuery选择器不工作

我只希望单击非活动（红色）开关，但在切换类之后，jQuery选择器没有按预期工作

我也试过“生活”。。。我错过了什么

标记：

<div class="controls group">
  <span class="switch inactive"></span>
  <span class="switch"></span>
</div>

使用

---

这不会使两个开关都可以点击吗？//编辑：第二个选项有效。thanks@Benjamin，最新答案

$('.inactive').on('click', function() {

  $(this).toggleClass("inactive");
  $(this).siblings().toggleClass("inactive");

});

$(document).on('click', '.inactive', function () {
    $(this).toggleClass("inactive");
    $(this).siblings().toggleClass("inactive");
});

$('.controls').on('click','.switch', function(){
      $('.switch').toggleClass('inactive');
});