title: Can't serialize Telerik MVC controls in Ajax call
body: <p>I am having problems passing my model from my view via an Ajax call to my controller.  All of the model properties that have Telerik html 'For' controls do not persist in the model.  The only way I can access those values in the controller is using Request["control_name"].  All other standard controls like input type=text serialize just fine.  What am I doing wrong?   </p>
  
  <p>Here is my ajax call:</p>
  
  <pre><code>function ImportLogFile() {
  
      $.ajax({
          url: '/Job/ImportLogFile',
          type: 'POST',
          data: $("form").serialize(),
          success: function (data)
          {
              $('body').css('cursor', 'auto');
              alert("Word Counts imported.");
          },
          error: function (xhr, status, error) 
          {
              alert(status + ": " + strip(xhr.responseText).substring(0, 1000) + "...");
          }
      });
  }
  </code></pre>
  
  <p>Controller:</p>
  
  <pre><code>[HttpPost]
  public ActionResult ImportLogFile(tblJobTask model)
  {
      ...
  }
  </code></pre>
  
  <p>View: </p>
  
  <pre><code>@model viaLanguage.Jams.Data.tblJobTask
  
  &lt;html&gt;
  &lt;head&gt;&lt;/head&gt;
  &lt;body&gt;
  
  @using (Html.BeginForm())
  {
  
      &lt;label class="editorLabel"&gt;CAT Tool Type:&lt;/label&gt;
          @{ Html.Telerik().ComboBoxFor(model =&gt; model.CatToolID)
                  .Name("JobTask_CatToolID")
                  .BindTo(new SelectList((IEnumerable)ViewData["CatTools"], "CatToolID", "Description"))
                  .HtmlAttributes(new { style = "width:220px;" });
           }
  
  &lt;input id="btnImport" type="button" onclick="ImportLogFile();"  /&gt;
  
  }
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>