title: jquery validate custom error element with data message attribute
body: <p>I'm using jquery validate and I want the error element in this format:</p>
  
  <p><code>&lt;div class="error-holder" data-error-message="Please correct this field"&gt;&lt;/div&gt;</code></p>
  
  <p>I already tried using the errorPlacement and errorElement option:</p>
  
  <pre><code>errorPlacement: function (error, element) {
          error = error.attr("class", "error-holder").attr("data-error-message", error.text()).text("");
          error.insertAfter(element);
      },
      errorElement: "div"
  </code></pre>
  
  <p>This produces the correct error element but when trying to submit the form (with other errors) the error element is duplicated each time.</p>
  
  <p>How can I get the correct error element without the duplicates ?</p>