Add checkbox to option select

Add checkbox to option select

I am trying to append checkbox to an option selected value but can't seem to get it working. below is my code and sample output without the checkbox

<style>
    body {
        padding: 15px;
    }

    .select-checkbox option::before {
        content: "\2610";
        width: 1.3em;
        text-align: center;
        display: inline-block;
    }
    .select-checkbox option:checked::before {
        content: "\2611";
    }

<div class="col-md-6">
                    <div id="selectDescription">Select Employees(s) or Administrators</div>
                    <div>
                        <select name="wd" id="wdSelect" style="width: 80%;" multiple="" class="form-control select-checkbox" size="10">
                            <option value="default" disabled>
                                None
                            </option>
                        </select>
                    </div>
                    <div>
                        <input name="chkSelectAll" id="chkSelectAll" type=checkbox value="" style="display:inline-block;" />
                        <label for="chkSelectAll" style="display:inline-block;"> Select All </label>
                    </div>
                </div>

$('#Report').change(function () {
       
            var empId = $("#Report").val();
            var _tt = $(this).val();
            $('#wdSelect').empty();
            $.ajax({
                type: "GET",
                dataType: "json",
                url: "/Report/LoadReport",
                data: {empId: reportId },
                success: function (data) {
                    
                    if (data.selectedwd.length > 0) {
                        $('#selectDescription').html("Select Employees(s) or Administrators");
                        $("#wdSelect")[0].name = 'wd';
                        $.each(data.selectedwd, function(i, wd) {
                            $("#wdSelect").append('<option value="'
                                + wd.Value + '">'
                                + wd.Text + '</option>');
                        });
                    } else {
                        $('#selectDescription').html("Select Admins");
                        $("#wdSelect")[0].name = 'admin';
                        $.each(data.selectedadmin, function (i, wd) {
                            $("#wdSelect").append('<option value="'
                                + wd.Value + '">'
                                + wd.Text + '</option>');
                        });
                    }
                },

I need to append checkbox to WDT0_001 so user's checked it