I'm trying to have jQuery grab a handful of li elements based upon class.
Everything is running smoothly in FF and IE, however webkit browsers don't fire the click event. I've run the code through JSLint, it comes back valid, I also get no errors via the console in Chrome.
All code is viewable at http://jsfiddle.net/Yq3d9/12/
$(document).ready(function () {
$('#countryList option').click(function () {
var myCountry;
$('#countryList').change(function () {
myCountry = $(this).val();
}).change();
$('#premier ul, #popular ul, #recommended ul, #supported ul').empty();
$('.' + myCountry + '.Popular').clone().appendTo('#popular ul');
$('.' + myCountry).not('.Premier, .Popular').clone().appendTo('#supported ul');
$('#Display div, #premier ul, #popular ul, #supported ul').removeClass();
$('#Display div').addClass(myCountry);
});
$('#expandButton').click(function () {
$('#supportedWrapper').animate({
height: ($('#supported').height() + 100)
}, 1200);
});
});