[jQuery] Unable to chain Find with multiple classes

[jQuery] Unable to chain Find with multiple classes

Hey all, not sure if this is a bug, but I came across it today:
Let's say my document looks like this:
<ul>
    <li>Pick a country
       <select name="country">
          <option value="us">United States</option>
          <option value="gb">United Kingdom</option>
          <option value="au">Australia</option>
       </select>
    </li>
    <li class="group us">United States</li>
    <li class="group us">United States</li>
    <li class="group gb">United Kingdom</li>
    <li class="group au">Australia</li>
</ul>
and my js looks like this:
$(function(){
    $("select[@name=country]").change(function(){
       $(".group").hide().find("."+$(this).val()).show();
    }).val("us").change();
});
What I've found is that jQuery won't "find" the jQuery objects when chaining find(".class_name") to a group of jQuery objects already selected by class. Hope that sentence made sense. This script will work fine if I split up the show/hide into two calls, that is:
$(".group").hide();
$("."+$(this).val()).show();
So, my question is, if find() will operate on elements of the same level using element name or id ($("li").find(".group") returns all
li.group) why won't it work on elements of the same level when using only class names ($(".group").find(".us") returns nothing)?
- jake
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/