Dynamic dropdown list with append method not working in Internet Explorer

[dc03kks]

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,

 
function loadDynamicDdl(ajaxUrl , ddlId) {     
    $.ajax({
        dataType:'json',
        type: 'GET',
        url: ajaxUrl,
        cache:false,
       // async:false,
        success:function (response) {           
            var ddl = $('#' + ddlId);
            ddl.empty();           
            var opts = response.Options;         
            $.each(opts, function(i, item) {
              
              ddl.append($("<option />").val(item.Value).text(item.DisplayText)); 
            });
        },
        error:function (jqXHR, exception) {
            //alert("There was an error loading dropdownlist.");
        }
    });
}

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