title: Paging/Sorting not working on web grid used in Partial View
body: <p>I have a partial view where I am showing a web grid depending upon a value selected from a page.</p>
  
  <p>For drop down I have used</p>
  
  <pre><code> @Html.DropDownListFor(
  x =&gt; x.ItemId,
  new SelectList(Model.Items, "Value", "Text"),
  new { 
      id = "myddl", 
      data_url = Url.Action("Foo", "SomeController")
  }
  )
  </code></pre>
  
  <p>For drop down item select I have used</p>
  
  <pre><code>$(function() {
  $('#myddl').change(function() {
     var url = $(this).data('url');
     var value = $(this).val();
     $('#result').load(url, { value: value })
  });
  });
  </code></pre>
  
  <p>and below is my action</p>
  
  <pre><code>public ActionResult Foo(string value)
   {
    SomeModel model = ...
  return PartialView(model);
   }
  </code></pre>
  
  <p>everything works good, but when I try doing a paging or sorting on my webgrid which is on my partial view I am showing a new window with the web grid.</p>
  
  <p>I wanted to be able to sort and page on the same page without postback</p>
  
  <p>Please help</p>