title: mvc3 search results with Jquery
body: <p>I am working on a Asp.Net MVC3 webapplication.I have a textbox and a button. I use a MVC WebGrid to display data in UI based on the search string. I am trying to pull mvc webgrid with out page postback using jquery. I need some help in Jquery code to populate data with out post back.</p>
  
  <p>What I am doing right now is jquery on button click or on selected item I am taking selected id an redirecting to page again as below.</p>
  
  <pre><code> select: function (event, ui) { 
                  $.ajax({ url: 'ControllerName', 
                      type: 'POST', 
                      data: { id: ui.item.id 
                      }, 
                      async: false, 
                      success: function (result) { 
                          window.location.replace("ControllerName" + '?id=' + ui.item.id); 
                      } 
                  });
  </code></pre>