title: How to validate Kendo Dropdownlist using jQuery validate
body: <p>I have normal razor as well as kendo controls in my form, i am facing some problem while trying to validate kendo dropdownlist using jquery validate plugin.
  The below is my code.</p>
  
  <pre><code> @(Html.Kendo().DropDownList()
            .Name("color")
            .DataTextField("Text")
            .DataValueField("Value")
            .BindTo(new List&lt;SelectListItem&gt;() {
               new SelectListItem() {
                    Text = "Select Value",
                    Value = ""
                }, new SelectListItem() {
                    Text = "Black",
                    Value = "2"
                },
                new SelectListItem() {
                    Text = "Orange",
                    Value = "3"
                },
                new SelectListItem() {
                    Text = "Grey",
                    Value = "4"
                }
            }).Value("")
            .HtmlAttributes(new { style = "width: 100%" })
      )
      &lt;input type="submit" value="Submit" /&gt;
  </code></pre>
  
  <p>now i have used my jquery validate like this</p>
  
  <pre><code>$(document).ready(function () {
          $("#dropDownForm").validate({
              rules: {
                  color: "required"
              },
              highlight: function (element) {
                  alert('highlight');
              },
              unhighlight: function (element) {
                  alert('unhighlight');
              },
              errorPlacement: function (error, element) {
                  return false;
              },
              debug: true
          });
      });
  </code></pre>
  
  <p>but i am not able to validate the dropdown list and both highlight and unhighlight event of jquery validate plugin is not getting called.
  Any help is appreciated.
  Thank you</p>