Jquery Select2 display dynamic options

I am working on a select dropdown that has products. Products that get displayed are based on the category that a user selects. My products get updated correctly but i cannot view them. What appears is a white background and a user cannot know what they are selecting. The appear like this :slight_smile:

Any tips on what i can do to make the options visible will be appreciated?

My code

 $(response.order_product.product.category.products).each(function (index, _product) {

                            _product.generic_name + ' ' +
                            (_product.brand_name != null ? _product.brand_name : '')));


My select input is

<div class="form-group">
                        <label for="product" class="control-label">Select Product</label>
                        <select class="form-control search-enabled" id="product">
                        <span class="help-block">The product</span>