title: jQuery validate, element.value is undefined in errorplacement
body: <p>I´ve try to build a validate for my registerform. I´m using jQuery validate. When the textbox is empty I want the errormessage to show up as my placeholder. When the text is added but stills throws a error I want to use custom settings.</p>
  
  <p>My problem is when debug this code:</p>
  
  <pre><code>.validate({
      debug: true,
      errorPlacement: function (error, element) {
          if (element.value === "") {
              element.attr("placeholder", error.text());
          }
          else {
              alert(element.value);
          }
      }
  });
  </code></pre>
  
  <p>I´m getting undefined on elment.value. According to Devtools element.value is the text in the textbox (changes when text is added in the textbox) but it´s also says it´s undefined when I watch the value as the red circle to the left.</p>
  
  <p><img src="https://i.stack.imgur.com/76Twg.jpg" alt="enter image description here"></p>
  
  <p>I´m using MVC helpers for the textbox form:</p>
  
  <pre><code>@Html.TextBoxFor(m =&gt; m.SurName, new { @class = "form-control required", placeholder = "Förnamn", @type = "SurName" })
  </code></pre>
  
  <p>I´m I using wrong value or attr?</p>