Dynamic options not showing up after adding Chosen

Question

Initially I had everything working with Chosen plugin when the options were directly passed from python to the html template.

I then tried to make the options filled dynamically depending on one of the buttons clicked, the options were not rendered so nothing showed up (but if I inspect the Elements, each optgroup was filled correctly with options).
And if I remove $(".chosen-select").chosen() , then the options are rendered.

Here's my code:

<!-- language: html -->
    <div class="container" style="margin:auto; padding-top: 2%; text-align: center;">
        <b>Choose the Program:</b>
        <ul id="programs" class="no-bullets" data-tag="programList">
            <li onclick="selectProgram(this)">Type1</li>
            <li onclick="selectProgram(this)">Type2</li>
            <li onclick="selectProgram(this)">Type3</li>
        </ul>
        <b>Choose the Documents:</b>
        <select id="documentOptions" name="documents" data-placeholder="Your Documents" class="chosen-select" multiple>
            <optgroup label="Group1" id="Group1"></optgroup>
            <optgroup label="Group2" id="Group2"></optgroup>
            <optgroup label="Group3" id="Group3"></optgroup>
        </select>
    </div>

<!-- language: lang-js -->
    <script>
    $(".chosen-select").chosen()
    
    function selectProgram(el){
        Array.prototype.slice.call(document.querySelectorAll('ul[data-tag="programList"] li')).forEach(function(element){
            element.classList.remove('selected');
        });
        el.classList.add('selected');
        programSelected = el.innerText;
        //console.log(programSelected);
        fetch(`/api/data/get_program/${programSelected}`)
        .then(function(response){
            return response.json();
        }).then(function(documentList){
            documentListJSON = {"documents":documentList};
            //console.log(documentListJSON);
            $.ajax({
                type: 'POST',
                url: '/api/data/programDocuments',
                contentType: 'application/json',
                data: JSON.stringify(documentListJSON),
                success: function( allDocuments ){
                    console.log(allDocuments);
                    
                    const Type1_Options = document.getElementById("Group1");
                    const Type2_Options = document.getElementById("Group2");
                    const Type3_Options = document.getElementById("Group3");
                    Type1_Options.innerHTML = "";
                    Type2_Options.innerHTML = "";
                    Type3_Options.innerHTML = "";
                    
    
                    let docs_type1 = allDocuments['type1'];
                    let docs_type2 = allDocuments['type2'];
                    let docs_type3 = allDocuments['type3'];
    
                    // create list of options
    
                    var options = "";
                    for(var i = 0; i<docs_type1.length;i++){
                        options += "<option value='" + docs_type1[i] +"'>" + docs_type1[i] + "</option>";
                    }
                    Type1_Options.innerHTML += options;
                    $(Type1_Options).appendTo('#Group1');
    
                    var options = "";
                    for(var i = 0; i<docs_type2.length;i++){
                        options += "<option value='" + docs_type2[i] +"'>" + docs_type2[i] + "</option>";
                    }
                    Type2_Options.innerHTML += options;
                    $(Type2_Options).appendTo('#Group2');
                    var options = "";
                    for(var i = 0; i<docs_type3.length;i++){
                        options += "<option value='" + docs_type3[i] +"'>" + docs_type3[i] + "</option>";
                    }
                    Type3_Options.innerHTML += options;
                    $(Type3_Options).appendTo('#Group3');
                }
            })
        })
    }
    </script>

I'm quite new to JavaScript and Jquery..Could someone please help explain why this happens?
Any help is very much appreciated. Thank you!