Auto-populating select boxes using jQuery and Ajax - not working in anything newer than 1.3.2

Question

I have been going through this tutorial on auto-populating boxes using jQuery and Ajax: http://remysharp.com/2007/01/20/auto-populating-select-boxes-using-jquery-ajax/

Answer 1

Assuming your json is valid you should be able to use the following:

 $("select#ctlJob").change(function(){
    $.getJSON("/select.php",{id: $(this).val(), ajax: 'true'}, function(data){
      var $persons = $("#ctlPerson").empty();
      $.each(data, function() {
        $persons.append("" + this.optionDisplay + "");
      });
    })
  });

Updated to use your markup in the question on jsfiddle.