title: Asp.Net MVC load a partial view using ajax from a JQuery UI tab
body: <p>I have several action methods on my controller that return a partial view (ascx), and I want these partial views to be rendered when clicking on the different JQuery UI tabs.</p>
  
  <p>The tabs are defined like this:</p>
  
  <pre><code>&lt;div id="tabs"&gt;
    &lt;li&gt;&lt;a href="#FirstTab" title="First tab"&gt;First tab&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;%= Html.ActionLink("General", "General", new {id=Model.Id}) %&gt;&lt;/li&gt;
    &lt;li&gt;&lt;%= Html.ActionLink("Details", "Details", new {id=Model.Id}) %&gt;&lt;/li&gt;
    &lt;div id="FirstTab"&gt;
    ...
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This renders the tabs fine, the first tab (with static content) is displayed correctly, but when I click the other tabs, nothing happens.</p>
  
  <p>If instead of returning a partial view from the action methods I just return plain content, it renders the content just fine and the tabs work perfectly.</p>
  
  <p>Any idea of what am I doing wrong?</p>
  
  <p>Thanks</p>