title: Loading Partial View from JQuery not showing in MVC
body: <p>I am having problem getting my partial view to render in ASP.Net MVC 1.0 when I load it with JQuery.  </p>
  
  <p>I have a controller like:</p>
  
  <pre><code>    public ActionResult Index() {
          return View(_invoiceService.FindAllInvoices());
      }
  
      public ActionResult InvoiceSearchResults() {
          return PartialView("InvoiceSearchResults",_invoiceService.FindAllInvoices());
      }
  </code></pre>
  
  <p>I have an Index View:</p>
  
  <pre><code>&lt;asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server"&gt;
      Index
  &lt;/asp:Content&gt;
  
  &lt;asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"&gt;
  &lt;%= Html.Script("/scripts/InvoiceSearch.js") %&gt;
  
  &lt;h2&gt;Search&lt;/h2&gt;
  &lt;div class="SearchBar"&gt;
  &lt;/div&gt;
  
  &lt;div class="SearchResults"&gt;&lt;/div&gt;
  
  &lt;p&gt;&lt;%= Html.ActionLink("Create New", "Create") %&gt;&lt;/p&gt;
  &lt;/asp:Content&gt;
  </code></pre>
  
  <p>I then have a PartialView:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;InvoiceId&lt;/th&gt;
          &lt;th&gt;InvoiceNo&lt;/th&gt;
          &lt;th&gt;SupplierId&lt;/th&gt;
          &lt;th&gt;InvoiceDate&lt;/th&gt;
          &lt;th&gt;TotalValue&lt;/th&gt;
          &lt;th&gt;InputDate&lt;/th&gt;
          &lt;th&gt;PaymentDueDate&lt;/th&gt;
          &lt;th&gt;InvoiceStatusId&lt;/th&gt;
          &lt;th&gt;AuthoriserId&lt;/th&gt;
      &lt;/tr&gt;
  
  &lt;% foreach (var item in Model) { %&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;%= Html.ActionLink("Edit", "Edit", new { id=item.InvoiceId }) %&gt; |
              &lt;%= Html.ActionLink("Details", "Details", new { id=item.InvoiceId })%&gt;
          &lt;/td&gt;
          &lt;td&gt;&lt;%= Html.Encode(item.InvoiceId) %&gt;&lt;/td&gt;
          &lt;td&gt;&lt;%= Html.Encode(item.InvoiceNo) %&gt;&lt;/td&gt;
          &lt;td&gt;&lt;%= Html.Encode(item.SupplierId) %&gt;&lt;/td&gt;
          &lt;td&gt;&lt;%= Html.Encode(String.Format("{0:g}", item.InvoiceDate)) %&gt;&lt;/td&gt;
          &lt;td&gt;&lt;%= Html.Encode(String.Format("{0:F}", item.TotalValue)) %&gt;&lt;/td&gt;
          &lt;td&gt;&lt;%= Html.Encode(String.Format("{0:g}", item.InputDate)) %&gt;&lt;/td&gt;
          &lt;td&gt;&lt;%= Html.Encode(String.Format("{0:g}", item.PaymentDueDate)) %&gt;&lt;/td&gt;
          &lt;td&gt;&lt;%= Html.Encode(item.InvoiceStatusId) %&gt;&lt;/td&gt;
          &lt;td&gt;&lt;%= Html.Encode(item.AuthoriserId) %&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;% } %&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I have some JQuery:</p>
  
  <pre><code>$(document).ready(function() {
      $("#InvoiceDropDown").change(function() {
          $("#SearchResults").load("/Invoice/InvoiceSearchResults/");      
      });
  });
  </code></pre>
  
  <p>I've removed some of the code that I know is working to make the question easier to read.</p>
  
  <p>When I click on the my DropDownList it calls the JQuery, goes to my controller and seems to run the partial class but it doesn't render anything.</p>
  
  <p>I've tried evilDonald's answer and the same thing happens so maybe something stupid I've done somewhere?</p>
  
  <p>Any help or general advice here much appreciated.</p>