next()

next()

I have multiple country state dropdowns on my form and would like to
change the options of state dropdown when the value in corresponding
country dropdown is changed. (all my country elements have class
'country' & state elements have 'state' class)
$('select.country').change(function() {
var country_id = this.id;
state = $(this).next('select.state');
});
When I do an alert of state.id, I get "function(h) { return h ==
undefined ? this.length ? this[0][n] : null : this.attr(n, h);} "
How do I get the id of the next element with class 'state'?
Thanks in advance.
--