jquery - JQuery フリップ スイッチ (スライダー)、値「オン」または「オフ」を確認する方法

Question

jQuery の Flip Switch スライダーを使用して、森林または道路の 2 つのオプションから選択しました。

jQueryコードで、スライダーがオン(「オン」または「オフ」)の現在の値を特定するにはどうすればよいですか?

これは私がこれまでに持っているものです:

<img src="images/tree.png" width="15%" />
<select name="flip-1" id="flip-1" data-role="slider">
  <option value="off">Forest</option>
  <option value="on">Road</option>
</select>
<img src="images/road.png" width="15%" />

<script>
  $(window).on('load', function () { 
    alert($('#flip-1').val()); 
  }
</script>