如何使用jquery通过单击复选框来对项目列表进行排序？

<div class="project" data-order="1">
  <input type="checkbox" class="sort-checkbox">
  项目1
</div>
<div class="project" data-order="2">
  <input type="checkbox" class="sort-checkbox">
  项目2
</div>
<div class="project" data-order="3">
  <input type="checkbox" class="sort-checkbox">
  项目3
</div>

$(document).ready(function() {
  $('.sort-checkbox').on('click', function() {
    sortProjects();
  });
});

function sortProjects() {
  var selectedCheckboxes = $('.sort-checkbox:checked');
  selectedCheckboxes.sort(function(a, b) {
    return $(a).closest('.project').data('order') - $(b).closest('.project').data('order');
  });
  selectedCheckboxes.each(function() {
    var project = $(this).closest('.project');
    project.parent().prepend(project);
  });
}