Two different Selects with the same option, then animate overflowed div or error message
<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>
