title: Partial View redirects instead of populating div
body: <p>I am trying to set up a relationship where you click on a PO in grid 1 and grid 2 will show with related items.  I have been researching and have tried several different methods. My current link is:</p>
  
  <pre><code>@Ajax.ActionLink("Select", "DisplayPOItems", new { id = Model.poList[0].ID }, new AjaxOptions
  {
       UpdateTargetId = "POItems",
       HttpMethod = "GET",
       InsertionMode = InsertionMode.Replace,
  })
  </code></pre>
  
  <p>I have also tried just an action link with this:</p>
  
  <pre><code>$("#POSelect").click(function () {
       $.get('@Url.Action("DisplayPOItems","PO", new { id = Model.ID })', function () {
       $('#POItems').load(this.href);
       return false;
       });
  });
  </code></pre>
  
  <p>OR a similar block using ajax to catch the click event and try to populate the partial view into a div on my form that way.  All of these methods have populated data but it always redirects to .../PO/DisplayPOItems/1 and shows only the partial view there.  Here is my controller:</p>
  
  <pre><code>public PartialViewResult DisplayPOItems(int ID)
  {
       ItemModel im = new ItemModel();
       return PartialView("_GridItem", im.POSearchResult(ID));
  }
  </code></pre>
  
  <p>I have tried ActionResult on the Controller also but it didn't help.  How can I get the page to not redirect and just populate the div on my form with my partial view?</p>