title: jquery + ajax + json + fill dropdown list not working
body: <p>I'm pretty sure i'am almost there....but i cannot figure out how to iterate through json objects and fill a dropdown list. Here is the js code:</p>
  
  <p>My JSON data returned:<code><pre>{"name":"County1","name":"County1","name":"County1"}</code></pre>
  <code><pre></p>
  
  
              $(document).ready(function() {
                  $("#ddlCountries").change(function() {
                      $("#ddl2").html("");
                      $.ajax({
                          type: "GET",
                          url: "Handler.ashx?",
                          data: "county=" + $("#ddlCountries option:selected").text(),
                          contentType: "application/json; charset=utf-8",
                          dataType: "json",
                          success: function(countyList) {
                              $.each(countyList, function() {
                                      $("#ddl2").append(' + this['name'] + '');
                                  });
                          },
                          error: function(XMLHttpRequest, textStatus) {
                              alert(textStatus);
                          }
                      });
                  });
              });
  
          
  
  <p></code>
  </pre></p>
  
  <p>i'm sure is something simple but as i am a newbie on this i'm not beeing able to get it work.</p>
  
  <p>Appreciate your help guys!</p>
  
  <p>Br,
  Teixeira</p>