title: Dynamic append of option into select is not working
body: <p>DDL is not refreshing with new set of options</p>
  
  <p>$("#selectid").live('change', function () {
                  if ($('option:selected', $(this)).text() == '--Next 50--') {</p>
  
  <pre><code>                var currentFifty = (parseInt($(this).val()) - 1);
  
                  var upperFifty = parseInt(currentFifty + 50);
  
                  var cOptions = '';
  
                  for (var i = currentFifty; i &lt; upperFifty; i++) {
  
                      if (collection[i].ID != null &amp;&amp; collection[i].ID != "undefined") {
                          cOptions = cOptions + "&lt;option value=" + collection[i].ID + "&gt;" + collection[i].Text + "&lt;/option&gt;";
  
                      }
  
  
                  }
  
                  alert($(this).html());
  
                  $(this).append(cOptions);
  
                  $(this).append($("&lt;option&gt;&lt;/option&gt;").val((upperFifty + 1)).html("--Next 50--"));
  
                  var allhtml = ($(this).html());
  
                  $(this).trigger('refresh');
  
  
  
              }
          });
  </code></pre>