title: Validation validate returns true with empty required text area on the form
body: <p>I have a form I want to validate a textarea on:</p>
  
  <pre><code>&lt;form action="" id="dialog"&gt;
          &lt;textarea name="message-text" class="message-text" rows="5" cols="30" required="true" style="margin-top: 35px;margin-bottom: 25px"&gt;&lt;/textarea&gt;
          &lt;span style="color: red; display: none" class="error-message"&gt;An error occured while sending the message.&lt;/span&gt;
          &lt;a href="" class="button send-message"&gt;Send&lt;/a&gt;
          &lt;a href="" class="button cancel-sending"&gt;Cancel&lt;/a&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>When I call</p>
  
  <pre><code>$('#dialog').valid()
  </code></pre>
  
  <p>with an empty textarea it returns <code>true</code> while I expect it to return false.
  Internally when it collects rules for the form the value of <code>element.attr('required')</code> ends up being <code>'required'</code> for some reason when the value of the attribute is <code>'true'</code> and the required method returns <code>'dependency-mismatch'</code>. I'm not sure what these things mean but probably they are connected with <code>valid()</code> returning <code>true</code> and not <code>false</code> as I expect it.</p>
  
  <p>What am I doing wrong here?</p>
  
  <p><strong>Edit:</strong> Sorry for my blunder in the question, I meant <code>.valid()</code> not <code>.validate()</code> </p>