title: jQuery error validation for div dropdown
body: <p>Is it possible, using <a href="https://jqueryvalidation.org/" rel="nofollow">jquery validation</a>, to set required to a Bootstrap styled div dropdown, vs. option/select? I can't change the tags to option/select on this page. There are also multiple div dropdowns.</p>
  
  <pre><code>&lt;div class="btn-group"&gt;
      &lt;button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"&gt;
          &lt;span data-bind="label"&gt;Month&lt;/span&gt;&lt;span class="caret"&gt;&lt;/span&gt;
          &lt;label class="error" for="dobMonth" generated="true"&gt;&lt;/label&gt;
       &lt;/button&gt;
       &lt;ul name="dobMonth" id="dobMonth" class="dropdown-menu"&gt;
           &lt;li&gt;&lt;a href="#"&gt;January&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a href="#"&gt;February&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a href="#"&gt;March&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a href="#"&gt;April&lt;/a&gt;&lt;/li&gt;
       &lt;/ul&gt;
   &lt;/div&gt;
  
  
  $(document).ready(function () {
      $("#form").validate({
          rules: {
              "dobMonth": {
                  required: true
              }
          },
          messages: {
              "dobMonth": {
                  required: "Enter the month you were born"
              }
          },
          submitHandler: function (form) {
              alert('valid form submitted');
              return false;
          }
      });
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/sw87W/24/" rel="nofollow">http://jsfiddle.net/sw87W/24/</a></p>