title: JQuery Ajax call gets resolved to the current Controller Folder, Instead of root Folder
body: <p>I think I found something very weird in JQuery and ASP.NET MVC.</p>
  
  <p>As mentioned in <a href="https://stackoverflow.com/questions/1004899/jquery-ajax-call-gives-404-resource-not-found-error-but-normal-url-call-is-fine">this question</a>, I have the following JQuery code:</p>
  
  <pre><code>$(function () {
      $("#username").click(function () {
          $.getJSON("ViewRecord/GetSoftwareChoice", { username: '123' },
              function (data) {
                  alert(data);
              });
      });
  });
  </code></pre>
  
  <p><code>ViewRecord</code> is the controller and <code>GetSoftwareChoice</code> is the action method. But the URl generated for this is </p>
  
  <pre><code>http://localhost/ViewRecord/ViewRecord/GetSoftwareChoice?username=123
  </code></pre>
  
  <p>Pretty amazing, isn't it?</p>
  
  <p>Why this is the case?</p>
  
  <p>This is my route:</p>
  
  <pre><code>routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
  
  routes.MapRoute(
      "Default",                                              // Route name
      "{controller}/{action}/{id}",                           // URL with parameters
      new { controller = "Home", action = "Index", id = "" }  // Parameter defaults
  );
  </code></pre>