Dropdown not showing properly when using ajax

Question

In my php code when I am loading directly data through PHP and HTML code and without using ajax working properly i.e select dropdown are showing correctly GUI because I have used js library for Chosen-select

but when I am loading data throuhg ajax and appending to page the code work properly but select tag not loading properly as it is showing simple dropdown why

code for select tag is for ajax and for without ajax also

<select data-placeholder="Choose a Presentation Type" class="form-control 
                          chosen-select col-md-6 " tabindex="3" name="presentation_type">
    <option value="">Choose a Presentation Type</option>
    <option value="Test" >Test</option>
    <option value="Test2" >Test2</option>                                         
</select> 

this is the output with ajax

and this is output without ajax

May be this is jquery library issue because in load time it generates some html code in page and when I am appending through ajax it's not generate any html code through ajax so what is solution for this

Answer 1

reinitialise your chosen for that specific select after you populate it

$('select[name=presentation_type]').chosen();

OR

jQuery('select[name=presentation_type]').chosen();