title: ASP.NET MVC AJAX post to controller action not working
body: <p>In my ASP.NET MVC 4 view, the following is not calling controller action. Click event does get trigger because I can see the alert message. But when I put a breakpoint on the controller action in debug mode, the app does't get to that point and nothing happens when I click 'Ok' on the alert message. I am using LINQ to SQL. Similar calls to save and insert controller actions work fine:</p>
  
  <pre><code>$('#DeletePOC').click(function () {
                  if (confirm("This action will delete this POC record permanently. Click OK if you want to delete this record; otherwise, click 'Cancel'")) {
                      disableButton(['#CancelPOC', '#POC']);
                      $.ajax({
                          url: '@Url.Action("POCDelete")', type: "POST", dataType: "json",
                          data: {
                              SitePOCID: $('#POCId').val()
                          },
                          success: function (data) {
                              $('#POCStatus').html('&lt;div class="success"&gt;POC Removed Successfully.&lt;/div&gt;');
                          },
                          error: function () {
                              $('#POCStatus').html('&lt;div class="field-validation-error"&gt;Some Error Occured in Removing POC.&lt;/div&gt;');
                          }
                      });
                  }
              });
  </code></pre>
  
  <p><strong>Controller</strong>:
  I've tested that during debug, app doesn't get to this action method:</p>
  
  <pre><code>[HttpPost]
  public ActionResult POCDelete(int id)
  {
     db.POC_dsp(id);
     return Json("");
  }
  </code></pre>