title: MVC3 JQuery Tabs
body: <p>I am trying to create a page with three tabs containing 3 partial views. 
  Main View that hosts the tabs.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(function () {
      $("#tabs").tabs();
  });
  &lt;/script&gt;
  &lt;div id="tabs" style="display:inline; float:inherit"&gt;
  &lt;ul&gt;
      &lt;li&gt;@Ajax.ActionLink("Tab name1","ActionMethod1","ControllerName",new      AjaxOptions{UpdateTargetId="div1"})&lt;/li&gt;
      &lt;li&gt;@Ajax.ActionLink("Tab name2","ActionMethod2","ControllerName",new AjaxOptions{UpdateTargetId="div2"})&lt;/li&gt;
  &lt;li&gt;@Ajax.ActionLink("Tab name3","ActionMethod3","ControllerName",new AjaxOptions{UpdateTargetId="div3"})&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div id=div1&gt;&lt;/div&gt;
  &lt;div id=div2&gt;&lt;/div&gt;
  &lt;div id=div3&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I have created next button in tab1 and tab2 and submit button in tab3.</p>
  
  <p>Please give the code to open tab2 from tab1 on button(next) click. and where to put this code. Is it in this main view or the partial views?</p>