title: jQuery working with each function
body: <p>I have:</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td&gt;Blah Blah&lt;td&gt;
      &lt;td&gt;Blah Blah&lt;td&gt;
      &lt;td class="product_1"&gt;1,000&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;Blah Blah&lt;td&gt;
      &lt;td&gt;Blah Blah&lt;td&gt;
      &lt;td class="product_2"&gt;1,200&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;Blah Blah&lt;td&gt;
      &lt;td&gt;Blah Blah&lt;td&gt;
      &lt;td class="product_2"&gt;1,400&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;Blah Blah&lt;td&gt;
      &lt;td&gt;Blah Blah&lt;td&gt;
      &lt;td class="product_1"&gt;1,600&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;Blah Blah&lt;td&gt;
      &lt;td&gt;Blah Blah&lt;td&gt;
      &lt;td class="product_1"&gt;1,800&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>Each <code>tr</code> represents a product detail row, and in the class of the latest <code>td</code> which is for the product <code>price</code> you can see the product <code>id</code> like <code>product_1</code> which <code>1</code> is the <code>id</code>.</p>
  
  <p>Now in the above example I want to show only 1 price for each product, the <code>cheapest one!</code>
  So after doing something on the above, I need to have:</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td&gt;Blah Blah&lt;td&gt;
      &lt;td&gt;Blah Blah&lt;td&gt;
      &lt;td class="product_1"&gt;1,000&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;Blah Blah&lt;td&gt;
      &lt;td&gt;Blah Blah&lt;td&gt;
      &lt;td class="product_2"&gt;1,200&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>I assume I need to use jQuery each function like this:</p>
  
  <pre><code>$('td[class^="product_"]').each(function(){
      var price = this.text();
      // what should happen here?
      // here somehow I need to check other trs and see if it's the cheapest one,
      // then hidden all others...
  })
  </code></pre>
  
  <p>I appreciate any kind of help</p>