title: Loading a Partial View in MVC ASP.Net using jQuery
body: <p>I'm very new to both of these so please forgive my basic question.</p>
  
  <p>I have an index page like:</p>
  
  <pre><code>&lt;div id="SearchBar"&gt;              
      &lt;%= Html.Encode("Search by Site Name: ") + Html.TextBox("SearchTextBox") %&gt;    
      &lt;input type="submit" value="Search" id="jQuerySubmit" /&gt;   
  &lt;/div&gt;
  &lt;div id="SiteList"&gt;   
      &lt;% Html.RenderPartial("SiteIndexSearchResults", Model); %&gt;                     
  &lt;/div&gt;
  </code></pre>
  
  <p>This all works fine.</p>
  
  <p>I want to reload this partial based on what the user types in 'SearchTextBox' (I've hardcoded this in controller for now - for test purposes)</p>
  
  <p>I can't get the partial to reload using:</p>
  
  <pre><code>$(document).ready(function() {
      $("#jQuerySubmit").click(function() {
          $("#SiteList").load("/Site/IndexSearch/");         
      });
  });
  </code></pre>
  
  <p>It goes into the controller and does return the new view based on IsAjaxResult being true but does not refresh the page.</p>
  
  <p>Thanks in advance.</p>
  
  <p>Davy</p>