title: jQuery AJAX load not executing on ASP.NET MVC Controller Action
body: <p>I have a simple thing going here: two divs and two calls to load partials (controller actions with PartialView as results).</p>
  
  <p>I am dealing with two controller actions: Index and ItemDetail.  The jQuery load works in the view returned by the Index action, but not on ItemDetail.</p>
  
  <p>These items are in the same controller and you can access them in a brower as follows:
  <a href="http://[site]/items" rel="nofollow noreferrer">http://[site]/items</a>
  <a href="http://[site]/items/itemdetail" rel="nofollow noreferrer">http://[site]/items/itemdetail</a></p>
  
  <p>To isolate the problem, I have set up Index and ItemDetail to return views with identical syntax:</p>
  
  <pre><code>&lt;div id="deptTickets"&gt;Loading department tickets...&lt;/div&gt;
  &lt;div id="recentTickets"&gt;Loading recent tickets...&lt;/div&gt;
  
  &lt;script type="text/javascript" language="javascript"&gt;
      $("#deptTickets").load("items/DepartmentTickets");
      $("#recentTickets").load("items/RecentTickets");
  &lt;/script&gt;
  </code></pre>
  
  <p>The .load methods fire and load the appropriate partial views for index, but not for ItemDetail.  </p>
  
  <p>I think the only thing different is the route.  In fact, if I return the 'detail' view in the index it renders correctly and the jQuery runs, and if I return the 'index' view in the controller action for itemDetail it renders the page but never executes the jQuery.  </p>
  
  <p>Any ideas?</p>