title: How to clear all input fields in a specific div with jQuery?
body: <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>