title: jQuery: dynamically selecting elements by class with .find()
body: <p>I am working on a form with many sections. Within each section there is a radio button used to indicate which units the user would like to use (lbs/oz vs kg, etc). When they click on a unit, I'd like to hide() all the inputs in the same section, then show() the relevant ones. </p>
  
  <p>I can't get it to work. I think I am misunderstanding the find() function somehow because it is not selecting any elements.</p>
  
  <pre><code>var show_hide_units = function (selectedUnitElement) {
      $element = $(selectedUnitElement);
      unit_class = $element.attr("class");
      $section = $($element.parents('.measurement'));
      $inputs = $($section.find('.inputs *'));
      $inputs.hide();
      $inputs.find('.' + unit_class).show();
  };
  </code></pre>
  
  <p>Here is a fiddle showing more context: <a href="http://jsfiddle.net/32Q9t/" rel="nofollow">http://jsfiddle.net/32Q9t/</a></p>
  
  <p>Any pointers would be much appreciated. </p>