JS grabbing text from text-boxes, passing to asp.net mvc ActionResult but ActionResult parameters appear null

See more:

C#

ASP.NET

Javascript

MVC

jQuery

JS grabbing text from text-boxes, passing to asp.net mvc ActionResult but ActionResult parameters appear null

I have 2 textboxes which are filled by 2 datepickers upon the user's selection but although the information grabs correctly from the textboxes when I use the below javascript to pass it to the actionresult. The parameters of the actionresult show to be null.

How do I fix?


Code:

@Html.Label("Start", "Start Date:")
   @Html.TextBox("Start", string.Empty, new {@id = "Start", @class = "datepicker"})
   @Html.Label("endd", "End Date:")
   @Html.TextBox("endd", string.Empty, new {@id = "End", @class = "datepicker"})
   <input type="submit" value="Apply" id ="DateSelected" />


   <script type="text/javascript">
     $('.datepicker').datepicker();
   $("#DateSelected").click(function () {
           var startD = $('#Start').val().toString();
           var endD = $('#End').val().toString();
                   $.ajax({
                   url: '/Docs/FirstDoc',
                   type: "Post",
                   data: { start: String.valueOf(startD), end: String.valueOf(endD) },
               });
   </script>

Action Result:

[HttpPost]
        public ActionResult FirstDoc(string start, string end)
        {
            FirstDocModel firstDocModel = FirstDocHelper.RunFunction(start, end);
            return PartialView(firstDocModel);
        }