title: Replace the Ajax.ActionLink by the same functionality with jQuery
body: <p>With asp.net mvc we can do an ajax call like this:</p>
  
  <pre><code>@{
      var ajaxOpts = new AjaxOptions { UpdateTargetId = "main-content", OnBegin = "fctTabLoading", OnComplete = "fctTabLoaded", InsertionMode = InsertionMode.Replace };
  }
  
  @Ajax.ActionLink("my link text", "MyAction", "MyController", new { id = Model.RequestID }, ajaxOpts)
  </code></pre>
  
  <p>Which produce the following html:</p>
  
  <pre><code>&lt;a data-ajax="true" data-ajax-begin="fctTabLoading" data-ajax-complete="fctTabLoaded" data-ajax-mode="replace" data-ajax-update="#main-content" href="/MyController/MyAction/19"&gt;my link text&lt;/a&gt;
  </code></pre>
  
  <p>Now I would like to execute the same ajax call but from jQuery and I don't know how to proceed!</p>
  
  <p>I would like something like:</p>
  
  <pre><code>                    $.ajax({
                          type: "Post",
                          url: myURL,
                          begin: fctTabLoading,
                          complete: fctTabLoaded,
                          mode: "replace",
                          update: "#main-content",
                          cache: false,
                          success: function () { alert('success'); }
                      });
  </code></pre>
  
  <p>I know the above ajax script won't work because 'mode' and 'update' are not recognized. So I am blocked.</p>
  
  <p>It drives me crazy :( </p>
  
  <p><strong>Why I cannot use the MVC ActionLink? Because I first need to show a jquery dialog to let the user confirm then only do the ajax call in order to refresh a specific div on my page.</strong></p>
  
  <p>Any help is greatly appreciated.</p>
  
  <p>Thanks.</p>