title: Conflict between jQuery Validate and jQuery-UI Tooltip
body: <p>I request for you help because I found a kind-of issue when using the jQuery-UI Tooltips and the jQuery Validation. The jsFiddle can be <a href="http://jsfiddle.net/sma6oecr/" rel="nofollow noreferrer">found here</a>. Basically is issue is that if I set static comments for a specific field. When I try to validate the contents of the field, if there's an error, instead of appearing the error message, appears the static message set by the tooltip.</p>
  
  <p>HTML code:</p>
  
  <pre><code>&lt;form method="post"&gt;
  &lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;label for="name"&gt;Name&lt;/label&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;input type="text" title="Complete name" required="required" id="name"/&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;label for="address"&gt;Address&lt;/label&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;input type="text" title="Complete address" required="required" id="address"/&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;label for="comments"&gt;Comments&lt;/label&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;input class="alphanumeric" type="text" title="additional comments" id="comments" required="required"/&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;input type="submit" value="submit"/&gt;
  </code></pre>
  
  <p></p>
  
  <p>JS code:</p>
  
  <pre><code>$(document).ready(function(){
      $('input').tooltip();
      $('form').validate();
  });
  </code></pre>
  
  <p>In an act of desperation I followed these <a href="https://stackoverflow.com/a/18165569">instructions</a>, but unfortunately doesn't work.</p>
  
  <p>Does anyone has a work-around or best practices to follow in this kind of scenario?</p>