title: Model binding is Failing for Ajax.BeginForm in MVC 5
body: <p>My View is scaffolding-generated for listing. The model for list is:</p>
  
  <pre><code>public class LogsViewModel
  {
          public string Category { get; set; }
          public string ClientIP { get; set; }
          public string StartDate { get; set; }
          public string EndDate { get; set; }
          public string Message { get; set; }
  }
  </code></pre>
  
  <p>To filter the whole list, I am providing a bootstrap-modal form which has multiple input elements such as: category, clientip, date, and message. This modal's form uses Ajax.BeginForm in the following manner:</p>
  
  <pre><code>@using (Ajax.BeginForm(
                         new AjaxOptions
                         {
                         HttpMethod = "get",
                         InsertionMode = InsertionMode.Replace,
                         UpdateTargetId = "results"
                         }))    
                  {
                      &lt;fieldset&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label for="recipient-name" class="control-label"&gt;Category:&lt;/label&gt;
                          &lt;select class="form-control" id="Category"&gt;
                              &lt;option&gt;Information&lt;/option&gt;
                              &lt;option&gt;General Error&lt;/option&gt;
                          &lt;/select&gt;
                          @*&lt;input type="text" class="form-control" id="category"&gt;*@
                      &lt;/div&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label for="recipient-name" class="control-label"&gt;IP:&lt;/label&gt;
                          &lt;input type="text" class="form-control" id="ClientIP"&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group" id="startDTPicker" style="position:relative"&gt;
                          &lt;label for="recipient-name" class="control-label" id="startDate"&gt;Start Date:&lt;/label&gt;
                          &lt;input type="text" class="form-control" id="StartDate"&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group" id="endDTPicker" style="position:relative"&gt;
                          &lt;label for="recipient-name" class="control-label" id="endDate"&gt;End Date:&lt;/label&gt;
                          &lt;input type="text" class="form-control" id="EndDate"&gt;
  
                      &lt;/div&gt;
                      &lt;div class="form-group" id="startDTPicker"&gt;
                          &lt;label for="recipient-name" class="control-label"&gt;Message:&lt;/label&gt;
                          &lt;input type="text" class="form-control" id="Message"&gt;
                      &lt;/div&gt;
  
  
                      &lt;div class="modal-footer"&gt;
                          &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Close&lt;/button&gt;
                          &lt;input type="submit" class="btn btn-primary" value="Show Results" /&gt;
                      &lt;/div&gt;
                  &lt;/fieldset&gt;
             }
  </code></pre>
  
  <p>Then in the controller, I am trying to get these parameters (category=...). I have declared the ActionMethod as:</p>
  
  <pre><code>public ActionResult Index(LogsViewModel viewModel)
  {
      //all the properties are null when the Ajax request invokes this method
  }
  </code></pre>
  
  <p>What is causing the problem and what is the best way to deal with?</p>