title: After jQuery Ajax invocation call , the application Fails to navigate to the ASP.NET MVC view that I want to show
body: <p>I'm using jquery DataTables to show some tabular data, and I also placed an edit link for each row in said jquery DataTables so that the user can edit data associated with a particular row if needed. ( Also, I have No clue how to use ASP.NET MVC Html helpers within jQuery DataTables so that is why I am using the html link in the following code )</p>
  
  <p><strong>jquery DataTable javascript:</strong></p>
  
  <pre><code>   $("#resultCodeTable").dataTable({
              "processing": true,
              "serverSide": false,
              "destroy": shouldDestroy,
              "ajax": {
                  "url": "../Admin/LoadResultCodes",
                  "type": "GET",
                  "datatype": "json",
                  "data": function (data) {
  
                      data.actionCodeIDArg = actionCodeIDInQuestion;
  
                  }
  
              },
  
  ....................................
  ............................
  ..............
              columnDefs: [
                {
  {
                    targets: 1,
                    searchable: false,
                    orderable: false,
                    name: "EditResultCodeInQuestionReasonForArrears",
                    "data": "ID",
                    render: function (data, type, full, meta) {
                        if (type === 'display') {
  
                            data = '&lt;a class="editResultCodeInQuestionReasonForArrears"  href="javascript:void(0)" data-id="' + full.ID + '"&gt;Edit RFAs&lt;/a&gt;'
                        }
  
                        return data;
                    }
                },
  ....................................
  ............................
  ..............
  </code></pre>
  
  <p>Clicking on the aforementioned link will ensure that the point of execution reaches the following jQuery Event Handler method:</p>
  
  <p><strong>jQuery Event handler method/ function Javascript</strong></p>
  
  <pre><code>$('#resultCodeTable').on('click', '.editResultCodeInQuestionReasonForArrears', function () {
      console.log(this.value);
      navigateToAParticularResultCodeAssociatedReasonForArrearsList($(this).data('id'));
  </code></pre>
  
  <p>});</p>
  
  <p>The jQuery Ajax call successfully invokes the C# Controller's action because I see the Visual Studio's Debugger's point of execution reach said Controller's action, however, it fail to navigate to the view that I want to show.</p>
  
  <p><strong>jquery / javascript:</strong></p>
  
  <pre><code>function navigateToAParticularResultCodeAssociatedReasonForArrearsList(resultCodeTable_ID) {
      console.log(resultCodeTable_ID);
      $.ajax({
           url: '../Admin/NavigateToAParticularResultCodeAssociatedReasonForArrearsList',
          type: 'POST',
          dataType: 'json',
          contentType: "application/json;charset=utf-8",
          data: "{'" + "resultCodeTable_IDArg':'" + resultCodeTable_ID + "'}",
          cache: false,
      }).done(function (response, status, jqxhr) {
  
  
      })
  .fail(function (jqxhr, status, error) {
      // this is the ""error"" callback
  });
  
  }
  </code></pre>
  
  <p><strong>C#: ( in my AdminController.cs )</strong></p>
  
  <pre><code>public ActionResult NavigateToAParticularResultCodeAssociatedReasonForArrearsList(int resultCodeTable_IDArg)
          {
  
  
              AParticularResultCodeAssociatedReasonForArrearsListViewModel aParticularResultCodeAssociatedReasonForArrearsListViewModel = new AParticularResultCodeAssociatedReasonForArrearsListViewModel();
              aParticularResultCodeAssociatedReasonForArrearsListViewModel.ResultCodeTable_ID = resultCodeTable_IDArg;
             return View("~/Areas/Admin/Views/Admin/AdminModules/Auxiliaries/AParticularResultCodeAssociatedReasonForArrearsList.cshtml", aParticularResultCodeAssociatedReasonForArrearsListViewModel);
  
          }
  </code></pre>
  
  <p><strong>Razor / Html: (In my \Areas\Admin\Views\Admin\AdminModules\Auxiliaries\AParticularResultCodeAssociatedReasonForArrearsList.cshtml view )</strong></p>
  
  <pre><code>@model Trilogy.Areas.Admin.ViewModels.Auxiliaries.AParticularResultCodeAssociatedReasonForArrearsListViewModel
  
      @{
          ViewBag.Title = "AParticularResultCodeAssociatedReasonForArrearsList";
      }
  
      &lt;h2&gt;AParticularResultCodeAssociatedReasonForArrearsList&lt;/h2&gt;
  </code></pre>
  
  <p>Could someone please tell me how I can change the code so that the view shows up after the jquery Ajax invocation?</p>