Post ajax on checkbox change

HTML

<table>
<tr>
<td><input type="text" name="_token"></td>
<td><input type="checkbox" data-order="{{ $order->order_number }}" class="ct-primary printing"></td>
<td><input type="checkbox" data-order="{{ $order->order_number }}" class="ct-primary engraving1"></td>
<td><input type="checkbox" data-order="{{ $order->order_number }}" class="ct-primary engraving2"></td>
<td><input type="checkbox" data-order="{{ $order->order_number }}" class="ct-primary assembly"></td>
 <td><input type="checkbox" data-order="{{ $order->order_number }}" class="ct-primary completed" value="0" /></td>
</tr>
</table>

JavaScript

$('.ct-primary').on('change', function() {
      let $row = $(this).parents('tr');
    	
      $.ajax({
        type: 'POST',
        url: 'orders',
        data: {
          '_token': $row.find('input[name=_token]').val(),
          'order_id': $(this).attr('data-order'),
          'printing': $row.find('.printing')[0].checked,
          'engraving1': $row.find('.engraving1')[0].checked,
          'engraving2': $row.find('.engraving2')[0].checked,          
          'assembly': $row.find('.assembly')[0].checked,
          'completed': $row.find('.completed')[0].checked
        }
      });
      
      toastr.success('Successfully saved', 'Success Alert', {timeOut: 5000});
    });