title: Customizing jQuery validate to pop-up error message over an icon
body: <p>This might be a fundamental jQuery misunderstanding but I've got to ask...</p>
  
  <p>I'm trying to get the jQuery.validate to display its error messages on qTip, a jQuery plugin for customizing tooltips.  Specifically I want to get the tooltip to pop-up on mouseover of a little red "X" icon.</p>
  
  <p>I can get the tooltip to popup over the form field using the following code:</p>
  
  <pre><code>$().ready(function() {
      // validate signup form on keyup and submit
      $("#signup").validate({
                  errorPlacement: function(error, element) {
                      element.parent().parent().append('&lt;div class="rederrorx"&gt;&lt;/div&gt;');
                      element.qtip(
                      {
                          //qTip formatting and content code
                      });
          },
  </code></pre>
  
  <p>But to get the tooltip to pop up over a red x, I change <code>element.qTip(</code> to <code>$(".rederrorx").qTip(</code> and it doesn't work (no message/qTip initialized).</p>
  
  <p>Has the concept of selectors just gone way over my head?  Prob so.  Or is the jQuery class selector not selecting anything because the <code>append</code> has yet to take place?  Or...</p>
  
  <p>Thanks!
  Emile</p>