When I add bootstrap my jQuery script doesnt work. Without it it works normaly

zakazivanjeTermina.js

So the what the code from the zakazivanjeTermina.js is it goes to the database, reads the database and fills the terminTrener with the Coaches of the Gym. The problem is when I add bootstrap the php file doesn’t see the script. Can’t even call a console.log() from it

<script>
    $(document).ready(function(){
                            $("#terminVrstaTreninga").click(function(){
                                $("#terminTrener").empty();
                                let izbor = $("#terminVrstaTreninga").val();
                                $(document).ready(function(){
                                $.get("ajax/ajax.php?func=treneri&vrstaTreninga="+izbor, function(odg){
                                    let treneri = JSON.parse(odg)
                                    for(i=0;i<treneri.length;i++){
                                        $("#terminTrener").append("<option ``value="+treneri[i].id+">"+treneri[i].ime+"</option>")
                                    }
                                })
                            })
                            })
                            }
</script>

php page

<select class="form-select" name="terminVrstaTreninga" id="terminVrstaTreninga">
                    <option value="grupni">Grupni</option>
                    <option value="individualni">Individualni</option>
                </select>
               <br>
                <label for="terminTrener" class="form-label text-start">Odaberite trenera</label>
                <select class="form-select" name="terminTrener" id="terminTrener">
                </select>

need to fill the terminTrener with the jQuery