title: Displaying error message using html5 and kendo ui
body: <p>I am working in html5 and css3 and got stuck in one condition. The condition is "the warning message should display when button is clicked" after the button not textbox. Its looked simple but when i done coding i got below output. </p>
  
  <p><img src="https://i.stack.imgur.com/A3Zdp.png" alt="enter image description here"></p>
  
  <p>but it should display after scan button. can somebody help me? </p>
  
  <p>here is my coding.</p>
  
  <p>.aspx</p>
  
  <pre><code>&lt;label class="moblblText"&gt;Moveable Unit / Location:&lt;/label&gt;                     
                      &lt;input type="text" id="txtunitId" runat="server" class="k-textbox" style="width:120px" name="search" maxlength="11" required validationMessage="Please Enter Digits"/&gt;
                   &lt;button  class="loginBtn" style="width:150px" runat="server" TabIndex="0"  ID="btnScan"&gt;Scan&lt;/button&gt; 
                    &lt;li class="status"&gt;
                  &lt;/li&gt;
  </code></pre>
  
  <p>.js</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          var validator = $("#txtunitId").kendoValidator().data("kendoValidator"),
  
         status = $(".status");
  
          $("button").click(function () {
              if (validator.validate()) {
  
              } else {
  
              }
          });
      });
  &lt;/script&gt;
  </code></pre>