title: Url.Action method not generateing the correct URL
body: <p>I have two calls in a jQuery script to the <code>@Url.Action()</code> method and I can not figure out why the first call generates the correct URL but the second does not.</p>
  
  <pre><code>    .jqGrid( 'navButtonAdd', "#SectionsPager", {
          caption: "Add&amp;nbsp;",
          title: "Add new section.",
          buttonicon: "ui-icon-add",
          onClickButton: function ()
          {
              location.assign( "@Url.Action("Index", "Home")" );
          }
      } )
      .jqGrid( 'navButtonAdd', "SectionsPager", {
          caption: "Edit&amp;nbsp;",
          title: "Edit selected cell.",
          buttionicon: "ui-icon-edit",
          onClickButton: function ()
          {
              location.assign( "@Url.Action("EditSection")");
          }
      } );
  </code></pre>
  
  <p>If I view the source for the page the first call correctly generates the URL <code>/DataArea/</code> (the controller and view are in the <code>Area</code> named "DataArea"). but the second call just Generates <code>/DataArea/Sections/</code> which is the URL of the page it is rendering on. I have even tried</p>
  
  <p><code>"@Url.Action("EditSection", "Section")");</code></p>
  
  <p>but it does the same thing. Why is the second call not generating the correct URL?</p>