如何获取复选框形式的div的结果？

<div class="checkbox-container">
  <div>
    <input type="checkbox" id="checkbox1" value="value1">
    <label for="checkbox1">选项1</label>
  </div>
  <div>
    <input type="checkbox" id="checkbox2" value="value2">
    <label for="checkbox2">选项2</label>
  </div>
  <div>
    <input type="checkbox" id="checkbox3" value="value3">
    <label for="checkbox3">选项3</label>
  </div>
</div>
<button id="submit-btn">提交</button>

$(document).ready(function() {
  $('#submit-btn').click(function() {
    var results = [];
    $('.checkbox-container input[type="checkbox"]').each(function() {
      if ($(this).is(':checked')) {
        results.push($(this).val());
      }
    });
    console.log(results);
    // 在控制台输出结果
  });
});