title: jQuery Validate Not Displaying Error Message
body: <p>I have a form that requires validation.  I use jQuery validation.  I have problem displaying the error message.  This is my javascript code:</p>
  
  <pre><code>$(function () {
      $("#submission-form").validate({
          rules: {
              WorkOrderId: "required",
              ActivityId: "required"
          },
          messages: {
              WorkOrderId: "Please choose WO",
              ActivityId: "Please choose activity"
          }
      });
  });
  </code></pre>
  
  <p>Below is my html:</p>
  
  <pre><code> @using (Html.BeginForm("Create", "Submissions", FormMethod.Post , new { id = "submission-form" })) {
              @Html.AntiForgeryToken()
              @Html.ValidationSummary(true)
  
              &lt;fieldset&gt;
                  &lt;legend&gt;WorkOrderSubmission&lt;/legend&gt;
  
                  &lt;div class="editor-label"&gt;
                      @Html.LabelFor(model =&gt; model.WorkOrderId, "WorkOrder")
                  &lt;/div&gt;
                  &lt;div class="editor-field"&gt;
                      @Html.DropDownList("WorkOrderId", (SelectList)ViewBag.WorkOrders, "", new { @data_rule_required="true", @data_msg_required="The Workorder field is required." })
                      @Html.ValidationMessageFor(model =&gt; model.WorkOrderId)
                  &lt;/div&gt;
  
                  &lt;div class="editor-label"&gt;
                      @Html.LabelFor(model =&gt; model.ActivityId, "Activity")
                  &lt;/div&gt;
                  &lt;div class="editor-field"&gt;
                      @Html.DropDownList("ActivityId", (SelectList)ViewBag.Activities, "", new { @data_rule_required="true", @data_msg_required="The Activity field is required." })
                      @Html.ValidationMessageFor(model =&gt; model.ActivityId)
                  &lt;/div&gt;
                  &lt;p&gt;
                      &lt;input type="submit" value="Create" /&gt;
                  &lt;/p&gt;
              &lt;/fieldset&gt;
          }
  </code></pre>
  
  <p>When I click the Submit, I can see the class addition on the element, but no error message is displayed.
  Before submit:</p>
  
  <pre><code>&lt;select data-msg-required="The Workorder field is required." data-rule-required="true" id="WorkOrderId" name="WorkOrderId" aria-required="true"&gt;
      &lt;option value=""&gt;&lt;/option&gt;
      &lt;option value="1"&gt;WO000001 - 001&lt;/option&gt;
      &lt;option value="2"&gt;WO000002 - 001&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>After submit: </p>
  
  <pre><code>&lt;select data-msg-required="The Workorder field is required." data-rule-required="true" id="WorkOrderId" name="WorkOrderId" aria-required="true" class="input-validation-error" aria-describedby="WorkOrderId-error" aria-invalid="true"&gt;
      &lt;option value=""&gt;&lt;/option&gt;
      &lt;option value="1"&gt;WO000001 - 001&lt;/option&gt;
      &lt;option value="2"&gt;WO000002 - 001&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>How do I display the error message?</p>
  
  <p>The generated html:</p>
  
  <pre><code>&lt;div class="editor-field"&gt;
    &lt;select data-msg-required="The Workorder field is required." data-rule-required="true" id="WorkOrderId" name="WorkOrderId"&gt;&lt;option value=""&gt;&lt;/option&gt;
      &lt;option value="1"&gt;WO000001 - 001&lt;/option&gt;
      &lt;option value="2"&gt;WO000002 - 001&lt;/option&gt;
    &lt;/select&gt;
    &lt;span class="field-validation-valid" data-valmsg-for="WorkOrderId" data-valmsg-replace="true"&gt;&lt;/span&gt;
  &lt;/div&gt;
  
  &lt;div class="editor-label"&gt;
    &lt;label for="ActivityId"&gt;Activity&lt;/label&gt;
  &lt;/div&gt;
  &lt;div class="editor-field"&gt;
    &lt;select data-msg-required="The Activity field is required." data-rule-required="true" id="ActivityId" name="ActivityId"&gt;
      &lt;option value=""&gt;&lt;/option&gt;
      &lt;option value="1"&gt;Activity 1&lt;/option&gt;
      &lt;option value="22"&gt;Activity 22&lt;/option&gt;
    &lt;/select&gt;
    &lt;span class="field-validation-valid" data-valmsg-for="ActivityId" data-valmsg-replace="true"&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have the tags <code>data-msg-required="The Workorder field is required." data-rule-required="true"</code>, but I can't see the error message.</p>