title: Refreshing MVC DropDownListFor with jQuery
body: <p>I'm using jQuery to re-populate a <code>DropDownListFor</code> using the following code:</p>
  
  <pre><code>$('#Teste).change(function () {
              $.ajax({
                  type: 'GET',
                  url: '/Teste/Teste/Teste/' + $(this).val(),
                  dataType: 'json',
                  success: function (data) {
                      var ddl = $('#TesteTw);
                      ddl.empty();
                      $(data).each(function () {
                          ddl.append($('&lt;option/&gt;', {
                              value: this.Value
                          }).html(this.Text));
                      });
                  }
              });        
  });
  </code></pre>
  
  <p>But the HTML doesn't refresh, I still got the same items on the <code>DropDownList</code>.</p>
  
  <p>Although if I get the <code>DropDownList</code> values with jQuery I get the updated values.</p>
  
  <p>Any ideas?</p>