How can I display a fieldset if an input element inside that fieldset has a value?
<p>I have a form that needs to display a certain fieldset if <strong>any</strong> of the input elements inside that fieldset has a value.</p>

<p>The current code I have written only works if I have one input element with a value inside the fieldset, but if I have place a second input element, it does not work properly.  I am assuming I am missing a step which needs to cycle through the elements.  I am assuming I need to implement .each() somewhere.  </p>

<p>This form will be changed from time to time by other developers, so I have to <em>find</em> inputs instead of targeting them directly.  Thank you for any help.  </p>

<p>Example form. I would like the fieldset with the id "toggleMe" to display, because the input "cheese" has a value, even though "bread" does not, or vice-versa: </p>

<pre><code>&lt;form action="scratch_submit" method="get" accept-charset="utf-8"&gt;
  &lt;fieldset id="toggleMe"&gt;
    &lt;label for="bread"&gt;bread&lt;/label&gt;&lt;input type="text" name="bread" value="" id="bread"&gt;
    &lt;label for="cheese"&gt;cheese&lt;/label&gt;&lt;input type="text" name="cheese" value="cheese is here" id="cheese"&gt;
  &lt;/fieldset&gt;
  &lt;fieldset id="neverToggle"&gt;
    &lt;label for="wine"&gt;wine&lt;/label&gt;&lt;input type="text" name="wine" value="wine is here" id="wine"&gt;
    &lt;label for="beer"&gt;beer&lt;/label&gt;&lt;input type="text" name="beer" value="" id="beer"&gt;
  &lt;/fieldset&gt;
&lt;/form&gt;
</code></pre>

<p>my jQuery code: </p>

<pre><code>$(document).ready(function() {
  function toggleOptions() {
    if($("#toggleMe").find('input').val()) {
      $("#toggleMe").show();
    } else {
      $("#toggleMe").hide();
    }
  }
  toggleOptions();
});
</code></pre>
