3. $('select.third, select.fourth').change(function(event){
4. var id = $(this).siblings('.hidden').text(),
5. token = $('#token').val();
6. param = $(this).hasClass('third') ? 'isSold' : 'isActive';
7. value = $(this).val();
9. $('div#allSheepDisplay').contents().remove().end().load(
10. 'db-interaction/animals.php',
11. {
12. action: 'update',
13. id: id,
14. token: token,
15. param: param,
16. value: value
17. },
18. function() {
19. $('select.third').filter(function(){return $(this).val() == '1'; }).css({backgroundColor: 'yellow'});
20. $('select.fourth').filter(function(){return $(this).val() == '0'; }).css({backgroundColor: 'red'});
21. }
22. );
23. });

Everything works as I expect - the POST request is made correctly, the database is updated, and the display updates correctly. However, if I repeat the same action, selecting a different value, nothing happens until I refresh the page, at which time I can then make the change. Thoughts?