title: Two different Selects with the same option, then animate overflowed div or error message
body: <p>EDIT: Oh well, now im managing to make it work properly. But I need the error message to .hide if the user select the proper option after having the error message.</p>
  
  <p>Here is the html/jquery im working on</p>
  
  <pre><code> &lt;form&gt;
   &lt;select&gt;
       &lt;option&gt;Please Select Your Value&lt;/option&gt;
       &lt;option&gt;Pick this value 1&lt;/option&gt;
   &lt;/select&gt;
   &lt;div class="error"&gt;Please select your value&lt;/div&gt;
  
   &lt;select&gt;
       &lt;option&gt;Please Select Your Value&lt;/option&gt;
       &lt;option&gt;Pick this value 2&lt;/option&gt;
   &lt;/select&gt;
       &lt;div class="error"&gt;Please select your value&lt;/div&gt;
  
       &lt;input type="submit" value="Show Hidden Div" /&gt;         
   &lt;/form&gt;
  
   &lt;div class="suprise"&gt;
     Hidden Div
   &lt;/div&gt;
  </code></pre>
  
  <p>And the jQuery</p>
  
  <pre><code>$('.submit').click(function(){
     var correct = true;
     $('select').each(function(){
       if($(this).val() != 'option2value'){
         //next is the error... it might be better to use an id there
         $(this).next().show();
         correct = false;
       }
     })
     if(correct){
      $(".results").animate({ 
              marginTop: -480}, 400); 
     }
   })
  </code></pre>
  
  <p>I just need a little help around here, how to make the proper trigger... Im not sure how to do it thou.</p>
  
  <p>Thanks guys!</p>