title: MVC Partial View Render on Bootstrap 3 tabs change
body: <p>I am using <strong>bootstrap 3 tabs</strong> in my mvc view. I want to render another partial view on tab change. Here is the code for the tab</p>
  
  <pre><code>&lt;ul class="nav nav-tabs"&gt;
  &lt;li class="active" id="studentList"&gt;
      &lt;a href="#tab_1_1" data-toggle="tab" aria-expanded="true"&gt;
          Student List &lt;/a&gt;
  &lt;/li&gt;
  &lt;li class="" id="studentAddEdit"&gt;
      &lt;a href="#tab_1_2" data-toggle="tab" aria-expanded="false"&gt;
          Student Add/Edit &lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;div class="tab-content"&gt;
  &lt;div class="tab-pane fade active in" id="tab_1_1"&gt;
      &lt;p&gt;                                          
      @Html.Action("StudentList","Student")
      &lt;/p&gt;
  &lt;/div&gt;
  &lt;div class="tab-pane fade" id="tab_1_2"&gt;
      &lt;p&gt;
      @Html.Action("StudentAddEdit","Student", new {id=Model.StudentId})
      &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>
  It renders the <code>studentAddEdit</code> view on view load. I want to render <code>studentAddEdit</code> view again when the user changes the tab and selects the <code>studentAddEdit</code> tab. Any solution suggested? I am currently doing it with jquery but not succeeding.</p>