title: load dynamic dropdownlist with json function but not working on ie 11
body: <p>i have a function that works well in firefox and chrome But no in ie11, the problem is that the dropdown lists are showing empty and not data are coming to the select boxes.. :( please some help guys cause i m trying for ages to solve this with no lack..</p>
  
  <p>my function is the following</p>
  
  <pre><code>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($("&lt;option /&gt;").val(item.Value).text(item.DisplayText));             
           });
        },
      error:function (jqXHR, exception) {
          //alert("There was an error loading dropdownlist.");
      }
  });
  </code></pre>
  
  <p>}      </p>
  
  <p>why omg is not working in internet explorer 11  ??? why,,, please guys i m about to break my head on the keyboard.. thank you in advance..</p>