title: AJAX Post method not hitting controller
body: <p>Can anyone point me here, what's wrong I am doing? my controller not hitting on Ajax post</p>
  
  <p>Ajax Code</p>
  
  <pre><code> &lt;script type="text/javascript"&gt;
    $(document).ready(function () {
        $('#btncreate').click(function () {
            var projectid = $("#txtprojectid").val();
            var financetype = $("#txtfinancetype").val();
            var actualcost = $("#txtactualcost").val();
            $.ajax({
                url: 'Projects/CreateFinanceItems?pid=' + projectid + "&amp;ft=" + financetype + "&amp;ac=" + actualcost,
                datatype: 'json',
                success: function (response) {
                    alert("Yes");
                    if (response != null) {
                        $('#displayproContainer').load('/Projects/PartialprojectFinanceItem');
                    }
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    alert(xhr.status);
                    alert(thrownError);
                }
            })
          });
      });        
      &lt;/script&gt;
  </code></pre>
  
  <p>Controller Code</p>
  
  <pre><code> [HttpPost]
      public ActionResult CreateFinanceItems(string pid, string ft, string ac)
      {
          return View();
      }
  </code></pre>