title: logout button doesn't work MVC
body: <p>I have a logoutbutton looks like </p>
  
  <pre><code>&lt;article class="PanelTextRight"&gt;
      Hello, @Html.ActionLink(User.Identity.Name, "Manage", "Account", routeValues: null, htmlAttributes: new { @class = "username", title = "Manage" })!
      &lt;article class="LogBtn"&gt;
          &lt;input type="submit"   id="btnLogOut"  value="Log Off"&gt;
      &lt;/article&gt;
  &lt;/article&gt;
  </code></pre>
  
  <p>then I add this script </p>
  
  <pre><code>&lt;script&gt;
          $(document).delegate('#btnLogOut', 'click', function () { location.href = 'AccountController/LogOff'; });
      &lt;/script&gt;
  </code></pre>
  
  <p>all work except the button of logout , any idea how to fix it I have a logout Action looks like </p>
  
  <pre><code>[HttpPost]
  [ValidateAntiForgeryToken]
  public ActionResult LogOff()
  {
      WebSecurity.Logout();
      FormsAuthentication.SetAuthCookie("username", false);
      FormsAuthentication.SignOut();
  
      return RedirectToAction("Index", "Home");
  }
  </code></pre>
  
  <p>how to fix this button , it give error </p>
  
  <pre><code>The resource cannot be found. 
    Description: HTTP 404. The resource you are looking for (or one of its dependencies) could have been removed, had its name changed, or is temporarily unavailable.  Please review the following URL and make sure that it is spelled correctly. 
  
   Requested URL: /AccountController/LogOff
  </code></pre>