title: Ajax does not work with MVC custom Routing
body: <p>I have been going through so many forums to get solution but all in vain.
  My problem is :</p>
  
  <p>I have an action in my home controller named CallUser. I am calling this via ajax.</p>
  
  <p>My URL looks like mydomain.com/Home/CallUser</p>
  
  <p>I want my URL like mydomain.com/CallUser</p>
  
  <p>I do not want to have "/Home" in accessing any of the action</p>
  
  <p>So I added custom routing</p>
  
  <pre><code>routes.MapRoute(
                      "Custom", 
                      "{action}/{id}", 
                      new { controller = "Home", action = "Index", id = UrlParameter.Optional }
                  );
  </code></pre>
  
  <p>Ajax call:</p>
  
  <pre><code>function CallUser()
  {
  
      var mobNum = $('#userMobileNo').val();   
      var isValidNumber=validatePhone(mobNum);
      if(isValidNumber)
      {
          $.ajax({
              url: "../Home/CallUser",
              type: "POST",
              data: JSON.stringify({ destinationNumber: mobNum }),
              datatype: "json",
              traditional: true,
              contentType: "application/json; charset=utf-8",
              success: function (data) {
  
  
              },
              error: function (err) {               
  
              },
              failure: function(err)
              {              
  
              }
          });
      }
      else
      {       
  
      }
  }
  </code></pre>
  
  <p>Call to Blog action in home controller</p>
  
  <pre><code>@Html.ActionLink("Blog", "Blog", "Home")
  </code></pre>