title: jQuery refresh dropdown
body: <p>I followed the examples to update a dropdown from the selection of another dropdown:</p>
  
  <pre><code>    var pageUrl = '&lt;%=ResolveUrl("~/Reports.aspx")%&gt;';
      function PopulatePortfolioDropDown() {
          var ddl = document.getElementById('&lt;%=ddlPortfolio.ClientID %&gt;');
          ddl.options.length = 0;
          var prgyr = document.getElementById('&lt;%= ddlProgYear.ClientID %&gt;');
          var agy = document.getElementById('&lt;%= ddlAgency.ClientID %&gt;');
          $telerik.$('#&lt;%=ddlPortfolio.ClientID %&gt;').empty(); //.append('&lt;option selected="selected" value="0"&gt;Please Select...&lt;/option&gt;');
          var str = prgyr.options[prgyr.selectedIndex].text + '|' + agy.options[agy.selectedIndex].value;
          $telerik.$.ajax({
              type: "POST",
              url: pageUrl + '/LoadPortfolioDDL1',
              data: '{yearcode:"' + str + '"}',
              contentType: "application/json; charset=utf-8",
              dataType: "json",
              success: OnPortfolioData,
              failure: function (response) {
                  alert(response.d);
              } 
          });
      }
      function OnPortfolioData(response) {
          PopulateControl(response.d, $telerik.$('#&lt;%=ddlPortfolio.ClientID %&gt;'));
      }
      function PopulateControl(list, control) {
           if (list.length &gt; 0) {
              control.attr("disabled", false);
              control.empty();
              $telerik.$.each(list, function () {
                  control.append($telerik.$("&lt;option&gt;&lt;/option&gt;").val(this['Value']).html(this['Text']));
              });
          }
          else {
              control.empty().append('&lt;option selected="selected" value="0"&gt;Not available&lt;option&gt;');
          }
      }
  </code></pre>
  
  <p>This works great when ddlAgency is first selected.  If I make a second selection the displayed list is not updated and the original list is still displayed.  However, if I select one of the items in the second list, the updated item (from the second call) is shown correctly.  Is this a problem with IE?  A little more info:  the DDL I want to update is not populated with any data upon page load.  If I select the DDL, it will not show any options.  Even after I make a selection in the controlling DDL the second shows no items.  If I do not click on the DDL, the items show up.  It's like the DDL will keep what it had the first time it is clicked on.  Does this make sense?  What the heck is causing this?  I know the data is being cleared and new options added but the page still shows the old list or none at all.</p>