title: Selecting and hiding elements with Prototype or Javascript
body: <p>Anyone up for a Prototype challenge? I am new to Prototype and I am trying to do the following. Would do this in jQuery but the only js library installed is Prototype. Perhaps someone has a javascript solution that would work?</p>
  
  <ol>
  <li>Strip any whitespace out of the form value (before and after)</li>
  <li>If the input form length is 3 or less hide all the checkPrice.gif images in all rows. </li>
  </ol>
  
  <p>Not sure if this is possible using Prototype.</p>
  
  <pre><code>&lt;form method="get" id="searchForm" name="car" action="some-action"&gt;
  &lt;input type="text" value="Ford150" name="carPart" id="search" class="textContent"&gt;
  &lt;/form&gt;
  
  &lt;table border="1"&gt;
  &lt;tr&gt;
  &lt;td class="description"&gt;Description:&lt;/td&gt;
  &lt;td class="checkPrice"&gt;&lt;p&gt;Type:&lt;/p&gt;
  &lt;p&gt;&lt;a target="_blank" href="link.html"&gt;&lt;img src="images/checkPrice.gif"&gt;&lt;/a&gt;&lt;/p&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr&gt;
  &lt;td class="description"&gt;Description:&lt;/td&gt;
  &lt;td class="checkPrice"&gt;&lt;p&gt;Type:&lt;/p&gt;
  &lt;p&gt;&lt;a target="_blank" href="link.html"&gt;&lt;img src="images/checkPrice.gif"&gt;&lt;/a&gt;&lt;/p&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <ul>
  <li>Rows repeat</li>
  </ul>
  
  <p>Thanks so much to anyone who can help!</p>