Question

For reasons unknown, this code snipnet isn’t working:

$("#lbxArea").live ('change', function () {
    $("#lbxStation").load ('../data/stations',
                           { areaID: $("#lbxArea").val () });
});

I can see on Firebug that the request goes out and the data comes back and looks good. lbxStation is a <select> element and the returned data is HTML of <option> elements. When this runs, the select element doesn’t change.

Answer 1

Works for me:
http://sandbox.phpcode.eu/g/aabeb.php

<form>
  <select id="lbxArea">
    <option>1</option>
    <option>2</option>
  </select>
</form>
<div id="lbxStation"></div>
<script>
$("#lbxArea").live ('change', function () {
    $("#lbxStation").load ('ajax.php?html=test',
                           { areaID: $("#lbxArea").val () });
});
</script>