Dynamic dropdown list with append method not working in Internet Explorer

Dynamic dropdown list with append method not working in Internet Explorer

Hi guys,
my problem is that in ie11 my dynamic drop down select list not showing at all!!,, i mean that in all browsers is working except ie11,, i m using append method like that

    1.  
    2. function loadDynamicDdl(ajaxUrl , ddlId) {     
    3.     $.ajax({
    4.         dataType:'json',
    5.         type: 'GET',
    6.         url: ajaxUrl,
    7.         cache:false,
    8.        // async:false,
    9.         success:function (response) {           
    10.             var ddl = $('#' + ddlId);
    11.             ddl.empty();           
    12.             var opts = response.Options;         
    13.             $.each(opts, function(i, item) {
    14.  
    15.               ddl.append($("<option />").val(item.Value).text(item.DisplayText)); 
    16.             });
    17.         },
    18.         error:function (jqXHR, exception) {
    19.             //alert("There was an error loading dropdownlist.");
    20.         }
    21.     });
    22. }

what is going wrong in ie? :( please guys any help would be really appreciated..
Thank you all