title: Partial View not being rendered in Tab navigation
body: <p>I am trying to create a tab-based navigation but the partial view for different buttons is not rendering, just the first one.</p>
  
  <p>This is my tabs view: </p>
  
  <pre><code>@model Franchise.Web.AMAdministrationModel
  &lt;nav class="tab-nav"&gt;
      &lt;ul&gt;
          &lt;li class="tab tab1 @if (Model.SelectedTab == 1) { @Html.Raw("selected");  }" rel="1"&gt;&lt;a&gt;Contact Details&lt;/a&gt;&lt;/li&gt;
          &lt;li class="tab tab2 @if (Model.SelectedTab == 2) { @Html.Raw("selected");  }" rel="2"&gt;&lt;a&gt;Agencies&lt;/a&gt;&lt;/li&gt;
          &lt;li class="tab tab3 @if (Model.SelectedTab == 3) { @Html.Raw("selected");  }" rel="3"&gt;&lt;a&gt;Contract&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  &lt;div class="spacer_0"&gt;&lt;/div&gt;
  &lt;script&gt;
  $(document).ready(function () {
      @Model.jsToLoad
  
      $('.tab').click(function () {
          updateTab($(this).attr('rel'));
      });
  });
  
  function updateTab(tab) {
      $('.tab').removeClass('selected');
      $('.tab-content').removeClass('show');
      $('.tab' + tab).addClass('selected');
      $('.tab-content' + tab).addClass('show');
     if(tab&gt;=2){
          $.ajax({
              url: '@Url.Action("detailstab")',
              type: 'Get',
              data: { id: @Model.AgentID, tab: tab },
              success: function (response) {
                  $('.tab-content'+tab).empty();
                  $('.tab-content' + tab).html(response);                
                  if (tab == 3) {
                      $(".dz-form").dropzone({
                          url: "@Url.Action("upload")",
                          queuecomplete: function (file, response) {
                              showAlert('alert', 'success', 'Contract', 'Upload complete.');
                              setTimeout(function () {
                                  window.location.href = '@Url.Action("edit/" + @Model.AgentID + "/photos")';
                              }, 1000);
                          }
                      });
                  }
              }
          });
      }
  }
  &lt;/script&gt;
  
  When you click a tab it should redirect the code to the detailstab (and it does)
  
          [HttpGet]
          public ActionResult DetailsTab(int id, int tab)
          {
              AMAdministrationModel ama = new AMAdministrationModel();
              // to do claudio            
              var agent = _amadministration.GetHeadAgentDetails(id, UserSession.GetRegion());
              if (agent == null || agent[0].AgentID == 0)
              {
                  ExLog.HandleException(new NullReferenceException("Head Agent " + id + " not found, please use the site navigation to find your way around!"));
              }
              else
              {
                  if(tab == 2)
                  {
                      return new EmptyResult();
                      //return partial view in the 3rd deplyment
                  }
                  else if (tab == 3)
                  {
                      ama.AgentID = id;                    
                      ama.ContractStartDate = agent[0].JoinDate;
                      ama.ContractEndDate = agent[0].LeaveDate;
                      ama.UserPermission = _userpermission;
                      return PartialView("ContractPartial", ama);
                  }
              }
              return new EmptyResult();
          }
  </code></pre>
  
  <p>But the view ContractPartial is not being rendered</p>
  
  <p>This should show a different partial view for every different tab.</p>
  
  <p>The first tab is always shown and rendered correctly, but the following 2 of them are not.</p>