How to clear all input fields in a specific div with jQuery?
<p>I am trying to use jQuery to do a simple thing: clear the input fields of a group of input field within a div whenever the form loads, or if the user changes a picklist; but I'm having a devil of a time getting the selector to work. </p>

<p>First, here's my onclick and onload triggers:</p>

<pre><code>&lt;form name="EditGenotype" action="process_GenotypeMaint.php" method="POST" onsubmit="return false" onload=clear_fetch() &gt;
</code></pre>

<p>and on the picklists:</p>

<pre><code>&lt;SELECT multiple size=6 NAME="marker" onchange=show_marker() onclick=clear_fetch() &gt;
</code></pre>

<p>Next, here's my HTML input elements in the div I want to clear:</p>

<pre><code>  &lt;div class=fetch_results&gt;
      &lt;fieldset&gt;
    &lt;LEGEND&gt;&lt;b&gt;Edit Genotype, call 1&lt;/b&gt;&lt;/LEGEND&gt;
      &lt;boldlabel&gt;Allele_1&lt;/boldlabel&gt;&lt;input id=allele_1_1 name=allele_1_1 size=5 &gt;
      &lt;boldlabel&gt;Allele_2&lt;/boldlabel&gt;&lt;input id=allele_1_2 name=allele_1_2 size=5 &gt;
      &lt;boldlabel&gt;Run date&lt;/boldlabel&gt;&lt;input id=run_date1 name=run_date1 size=10 disabled=true&gt;
      &lt;/fieldset&gt;
      &lt;fieldset&gt;
    &lt;LEGEND&gt;&lt;b&gt;Edit Genotype, call 2&lt;/b&gt;&lt;/LEGEND&gt;
      &lt;boldlabel&gt;Allele_1&lt;/boldlabel&gt;&lt;input id=allele_2_1 name=allele_2_1 size=5 &gt;
      &lt;boldlabel&gt;Allele_2&lt;/boldlabel&gt;&lt;input id=allele_2_2 name=allele_2_2 size=5 &gt;
      &lt;boldlabel&gt;Run date&lt;/boldlabel&gt;&lt;input id=run_date2 name=run_date2 size=10 disabled=true&gt;
      &lt;/fieldset&gt;
      &lt;fieldset&gt;
    &lt;LEGEND&gt;&lt;b&gt;Edit Genotype, call 3&lt;/b&gt;&lt;/LEGEND&gt;
      &lt;boldlabel&gt;Allele_1&lt;/boldlabel&gt;&lt;input id=allele_3_1 name=allele_3_1 size=5 &gt;
      &lt;boldlabel&gt;Allele_2&lt;/boldlabel&gt;&lt;input id=allele_3_2 name=allele_3_2 size=5 &gt;
      &lt;boldlabel&gt;Run date&lt;/boldlabel&gt;&lt;input id=run_date3 name=run_date3 size=10 disabled=true&gt;
      &lt;/fieldset&gt;
    &lt;/div&gt;
</code></pre>

<p>Finally, here's my script:</p>

<pre><code> function clear_fetch() {    

    $('#fetch_results:input', $(this)).each(function(index) {
      this.value = "";
    })

  }
</code></pre>

<p>However, nothing happens...so, I must not have the selector correct. Does anybody see what I've done wrong?</p>
