title: MVC 4 Ajax.Action link won t work
body: <p>I am trying to make a MVC website with Ajax call. I have no problem using directly jquery, but when i use @Ajax.ActionLink, i don't get the result i want.
  Here is my view:</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
          function deleteComment(id) {
              $.post(
                  "/Role/AjaxTest",
                  //{ id: id }, 
  
                  function (data) {
                      $("#testtarget").html(data);               
                  });
           }
      &lt;/script&gt;
  
  
      &lt;script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"&gt;&lt;/script&gt;
      &lt;h2&gt;TITLE&lt;/h2&gt;
      &lt;p&gt;
   @Ajax.ActionLink("Ajax Test", "AjaxTest", "Role", new AjaxOptions{UpdateTargetId="testtarget",HttpMethod = "Get" , InsertionMode = InsertionMode.Replace }) 
      &lt;/p&gt;
      &lt;table&gt;    
      @foreach (var item in Model) {
          &lt;tr&gt;
              &lt;td&gt;
                  @Html.DisplayFor(modelItem =&gt; item.RoleName)
              &lt;/td&gt;
              &lt;td&gt;
                &lt;a onclick="deleteComment('@item.RoleId'); return false;" href="#"&gt;Delete&lt;/a&gt;
                  @Html.ActionLink("Delete", "Delete", new { id=item.RoleId })
  
              &lt;/td&gt;
          &lt;/tr&gt;
      }
      &lt;/table&gt;
      &lt;div id="testtarget"&gt;Test Div&lt;/div&gt;
  </code></pre>
  
  <p>and here is my Controler data:</p>
  
  <pre><code>public string AjaxTest()
  {
      return "Some random text";
  }
  </code></pre>
  
  <p>My Call on Jquery works perfectly and text appears in the div, but my actionlink just redirects me to : localhost/Role/AjaxTest so i just have the message in a bank browser.</p>
  
  <p>Any idea what's wrong here?</p>
  
  <p>Thanks a lot in advance!</p>