title: JQuery Load using MVC3 @Url.Action does not pass parameters properly
body: <p>I noticed that doing <code>@Url.Action("myAction", new { param1 = 123, param2 = 456})</code> provides me with an invalid URL <code>Home/myAction?param1=123&amp;amp;param2=456</code>. </p>
  
  <p>I am attempting to do</p>
  
  <pre><code>$("#myAjaxDiv").load(url);
  </code></pre>
  
  <p>But only <code>param1</code> is getting populated in the action method.</p>
  
  <p>When I remove the <code>&amp;amp;</code> and make it just <code>&amp;</code> then it works, but doing a string replace is super hacky.</p>
  
  <pre><code>url = url.replace("&amp;amp;", "&amp;");
  </code></pre>
  
  <p>Am I missing something here?</p>
  
  <p><em>EDIT:</em> Per request I'm including some of my sample app. (you can create a new MVC app and just add these quickly and see for yourself)</p>
  
  <p>Controller:</p>
  
  <pre><code>public ActionResult AjaxTest(int? year, int? month)
  {
      ViewBag.Message = string.Format("Year: {0}, Month: {1}", year.HasValue ? year.ToString() : "no year", month.HasValue ? month.ToString() : "no month");
      return PartialView("AjaxTest");
  }
  </code></pre>
  
  <p>AjaxTest View:</p>
  
  <pre><code>@ViewBag.Message
  </code></pre>
  
  <p>Index View:</p>
  
  <pre><code>&lt;script&gt;
      $(function () {
          var url="";
          $("#noParams").click(function () {
              url = "Home/AjaxTest";
              $("#ajaxy").load(url)
              $("#url").text(url);
          });
          $("#yearParam").click(function () {
              url = "Home/AjaxTest?year=2012";
              $("#ajaxy").load(url)
              $("#url").text(url);
          });
          $("#yearAndMonthParam").click(function () {
              url = "Home/AjaxTest?year=2012&amp;month=10";
              $("#ajaxy").load(url)
              $("#url").text(url);
          });
  
          $("#generated").click(function () {
              url = "@(Url.Action("AjaxTest", new { year=2012, month=10}))";
              $("#ajaxy").load(url);
              $("#url").text(url);
          });
  
      });
  &lt;/script&gt;
  
  &lt;a id="noParams" href="#"&gt;No Params&lt;/a&gt; &lt;br /&gt;
  &lt;a id="yearParam" href="#"&gt;Year Param&lt;/a&gt; &lt;br /&gt;
  &lt;a id="yearAndMonthParam" href="#"&gt;Year and Month Param&lt;/a&gt; &lt;br /&gt;
  &lt;a id="generated" href="#"&gt;Generated&lt;/a&gt; &lt;br /&gt;
  &lt;div id="ajaxy"&gt;
  
  &lt;/div&gt;
  
  &lt;div&gt;
  URL: &lt;span  id="url"&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>