no se cual fue el problema

Este es el regreso de select2:

y este es mi código HTML:

 <div class="row"> <div class="col-sm-12 form-group"> <label class="form-label-bold">Jenis</label> <select class="select2 form-control" id="type" required> <option value="">Pilih</option> <option value="1">Head Office</option> <option value="2">Branch Office</option> </select> </div> </div>

y mi jQuery:

 <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.select2').select2({}) }) </script>

Y este es cdn CSS:

 <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />