Ajax & niceSelect ()

Question

Я использую niceSelect для моих избранных меню, которые работают нормально.

Я использую Ajax, чтобы добавить второе меню выбора (округ) на основе первого выбора (регион)

все работает, за исключением того, что я не могу заставить niceSelect применить к новому раскрывающемуся списку в #regionHolder? Мой HTML:

<div class="col-lg-4 column-lg-full">
<div class="input-box">
<label class="label-text">Location</label>
<div class="form-group">
<select class="location-option-field" id="jobRegion" name="jobRegion">
    <option value="">Select Region</option>
    <option value="region-1">Region 1</option>
    <option value="region-2">Region 2</option>
    <option value="region-3">Region 3</option>
</select>
</div><!-- end form-group -->
</div>
</div><!-- end col-lg-4 -->
                                        
<div class="col-lg-4 column-lg-full" id="regionHolder"></div>

Jquery

$(document).ready( function () {
             
             $('select').niceSelect();
             
             $(".column-lg-full").on('change', "#jobRegion", function(event) {
                
                event.preventDefault();
                var value = $("#jobRegion option:selected").val();

                $.ajax({
                  url: '/control/employer/jobs/region',
                  type: "GET",
                  data: { "region" : value },       
                  success: function(result) {
                      console.log(result);
                      $("#regionHolder").html(result);
                  },
                    cache: false
                });
                 
            });
             
         });

Журнал консоли:

<div class="col-lg-4 column-lg-full" id="regionHolder">
<div class="input-box">
<label class="label-text">County</label>
<div class="form-group">
<select class="location-option-field" id="jobCounty" name="jobCounty">
<option value="">Select Region</option>
</select>
</div><!-- end form-group -->
</div>
</div><!-- end col-lg-4 -->

введите описание изображения здесь

Answer 1

После ввода всего этого я решил:

$.ajax({
    url: '/control/employer/jobs/region',
    type: "GET",
    data: { "region" : value },     
    success: function(result) {
        $("#regionHolder").html(result).find('#jobCounty').niceSelect();
    },
    cache: false
});