title: jQuery - Referring to nearby elements
body: <p>When the value of the 'product-input' changes, I want the 'product-total' to update.  I have the event working, but I can't seem to refer to the 'product-total'.</p>
  
  <p>Here's the HTML:</p>
  
  <pre><code>&lt;div class='product'&gt;
      &lt;h2&gt;Photo Prints up to 5” x 7”&lt;/h2&gt;
      &lt;div class='product-total'&gt;&lt;/div&gt;
          &lt;div class='choices'&gt;
          &lt;input type='text' class='raw standard product-input'  /&gt;
      &lt;/div&gt; &lt;!-- END Choices --&gt;
  
      Standard: &lt;input type='radio' class='quality standard' value='standard' /&gt;
      Full: &lt;input type='radio' class='quality full' value='full' /&gt;
  
  &lt;/div&gt; &lt;!-- END Product --&gt;
  </code></pre>
  
  <p>And the jQuery:</p>
  
  <pre><code>jQuery('input.product-input').change(function() {
          jQuery('div.product-total', jQuery(this).parent('div.product')).html(total);
  
      });
  </code></pre>