title: Kendo UI validator error message not correctly positioned
body: <p>I'm trying to validate a contact form using KendoUI, but I have a problem with Kendo Validator, the validation message is not apearing where it should appear that is next to each field, it is appearing just next to the first field where I click when page loads, and when I click a different field, the validation message changes but not its position, it keeps next to the first field I click. I hope you can help me, thanks.</p>
  
  <p>As you can see here, the span that should add the tooltip only appears in the element I click:
  <img src="https://i.stack.imgur.com/oTZBx.png" alt="enter image description here"></p>
  
  <p>When in the Telerik's example it appears on every required element:
  <img src="https://i.stack.imgur.com/IkHqa.png" alt="enter image description here">
  This is basically the code I'm using:</p>
  
  <pre><code>&lt;form action="contact.php" method="post" id="contact-form"&gt;
                  &lt;ul&gt;
                      &lt;li&gt;
                          &lt;label for="contact-name"&gt;Nombre: &lt;/label&gt;
                          &lt;input type="text" placeholder="Nombre completo" id="contact-name" required validationMessage="Nombre completo por favor"&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;label for="contact-company"&gt;Empresa: &lt;/label&gt;
                          &lt;input type="text" placeholder="Empresa" id="contact-company"&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;label for="contact-phone"&gt;Telefono: &lt;/label&gt;
                          &lt;input type="tel" placeholder="Telefono" id="contact-phone" required validationMessage="Numero de telefono por favor"&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;label for="contact-name"&gt;Correo electronico: &lt;/label&gt;
                          &lt;input type="email" placeholder="Correo electronico" id="contact-email" data-email-msg="Email format is not valid"&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;label for="contact-subject"&gt;Asunto: &lt;/label&gt;
                          &lt;input type="text" placeholder="Asunto" id="contact-subject" required validationMessage="Asunto por favor"&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;label for="contact-message"&gt;Mensaje: &lt;/label&gt;
                          &lt;textarea id="contact-message" cols="30" rows="10" placeholder="Ingrese el mensaje que desea enviar" required validationMessage="Mensaje por favor"&gt;&lt;/textarea&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;input type="submit" value="Enviar"&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/form&gt;
  </code></pre>
  
  <p>An the JS</p>
  
  <pre><code>$('#contact-form').kendoValidator();
  </code></pre>
  
  <p>This is basically the same code as in Telerik's example:
  <a href="http://demos.telerik.com/kendo-ui/web/validator/index.html" rel="nofollow noreferrer">KendoUI Validator example</a></p>