title: Jquery Validate errorPlacement
body: <p>I'm validating a form with jquery validate, and having a little trouble consistantly setting the error placement.  The input field have different levels of nesting, some are in div some are in nested divs.  However for all errors I want to be placed in the span with the class 'warming' above the input field in question.  I have tried closest, parents and seems to not work.  I can explicitly traverse the tree but that only works if the elements are at the same level of nesting? I think closest should work but it doesn't (well I am doing something wrong) any help appreciated.</p>
  
  <pre><code>$("#paymentpreferences").validate({
      rules: {    
          minpayment: {
              digits: true,
              min: 5
              }       
      },
      errorPlacement: function(error, element) {      
          $(element).parents('span .warming :first').html(error);
      },
      success: function(label){           
          label.next().next().addClass('tick');
      }
  }); 
  </code></pre>
  
  <p>Sample Html, see 'method' select is in a nested div but the accountno is not</p>
  
  <pre><code>                                    &lt;span class="warming"&gt;&lt;/span&gt;
                                        &lt;div class="lab_box"&gt;&lt;label class="lab"&gt;payment type&lt;/label&gt;&lt;/div&gt;
                                          &lt;div class="input_box"&gt;
                                              &lt;div class="gender_box"&gt;
  
                                                  &lt;select name="method" id="method" tabindex="1" class="ins required"&gt;
                                                  &lt;option value="1" label="PayPal"&gt;PayPal&lt;/option&gt;
                                                  &lt;/select&gt;                                       
                                              &lt;/div&gt;
                                              &lt;a href="#" title="tooltip_paymentmethod" class="question tooltips"&gt;&lt;/a&gt;
                                              &lt;div class=" fill"&gt;&lt;/div&gt;
                                          &lt;/div&gt;
                                          &lt;div class="wb_clear"&gt;&lt;/div&gt;
                                          &lt;span class="warming"&gt;&lt;/span&gt;
  
                                          &lt;div class="lab_box"&gt;&lt;label class="lab"&gt;account number&lt;/label&gt;&lt;/div&gt;
                                          &lt;div class="input_box"&gt;
                                              &lt;span&gt;
                                              &lt;input type="text" name="accountno" id="accountno" value="asdasd" tabindex="2" class="ins required" size="30" /&gt;
                                              &lt;/span&gt;
                                              &lt;a href="#" title="tooltip_accountno" class="question tooltips"&gt;&lt;/a&gt;
                                              &lt;div class="fill"&gt;&lt;/div&gt;
                                          &lt;/div&gt;
  </code></pre>