title: Make whole button link to the Ajax.ActionLink it contains
body: <p>I am using the following code to achieve sorting:</p>
  
  <pre><code>&lt;button type="button" class="btn btn-default @(Model.SortOrder.Trim().ToUpper().Equals("NAME") ? "active" : "")"&gt;
      @Ajax.ActionLink("Name", "Cause", "Search", new { query = Model.Query, category = Model.Category, pageNumber = 0, sortOrder = "NAME", sortDirection = "ASCENDING" }, new AjaxOptions() { UpdateTargetId = "SearchCauseSelfWidgetContent", InsertionMode = InsertionMode.Replace, OnSuccess = "PostAjaxLoad()" })
  &lt;/button&gt;
  </code></pre>
  
  <p>As you might expect, when I click on the <em>text</em> inside the button it works, but if I click anywhere else (the padding between button boundary and text) it does not do anything.</p>
  
  <p>Since there does not seem to be a <code>Url.</code> helper for ajax methods, and there is no <code>Ajax.ButtonLink</code> , I am a little bit lost on how to wrap the whole button in this ajax call.</p>