title: Partial view does not render on dropdown postback
body: <p>I am using Ajax form to post back my form to render partial view in MVC. Following is a code for your reference:</p>
  
  <p><strong>Java Script to raise dorpdown event:</strong></p>
  
  <pre><code>jQuery(document).ready(function () {
  
      $("#ReviewPeriodID").change(function () {
  
          var f = $("#Form1");
          var action = f.attr("action");
          var serializedForm = f.serialize();
          $.post(action, serializedForm,
              function () 
              { 
                  alert("Finished! Can do something here!") 
              });
      });
  
  });
  </code></pre>
  
  <p>The above code executes perfectly and calls specific action on postback.</p>
  
  <p><strong>Controller Action (Postback):</strong></p>
  
  <pre><code>[HttpPost]
      public ActionResult Welcome(HomeViewModel model)
      {
          String userName = this.GetUserName();
  
          HomeViewModel homeViewModel = GetHomeViewModel(userName, null);
          Review review = this.OPService
                              .GetReviewDetails(model.ID, model.Employee.ID);
          homeViewModel.Review = review;
  
          return View(homeViewModel);
      }
  </code></pre>
  
  <p>Following is a View:</p>
  
  <p><strong>View Code (Everything is under Ajax Form):</strong></p>
  
  <pre><code>@using (Ajax.BeginForm("Welcome", "Home", new AjaxOptions 
    { InsertionMode = InsertionMode.Replace, UpdateTargetId = "evaDetails" }, 
    new { id = "Form1" }))
  
  {
  
  @Html.HiddenFor(m =&gt; m.Employee.ID);
  @Html.HiddenFor(m =&gt; m.Employee.FirstName);
  @Html.HiddenFor(m =&gt; m.Employee.LastName);
  @Html.HiddenFor(m =&gt; m.MinimumManagerCount);
  
  
  &lt;table class="tablestyle"&gt;
      &lt;tr&gt;
          &lt;td class="highlightTD" colspan="2"&gt;
                        Step 1. Please select a review period&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="firstColumnTD" style="width:30%;" &gt;Review Period&lt;/td&gt;
          &lt;td&gt;@Html.DropDownListFor(m =&gt; m.ReviewPeriodID, Model.ReviewPeriods, 
                   "-- Select Review Period --")&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  
  
  &lt;div id="evaDetails"&gt;
  @{
      if (Model.Review != null)
      {
          &lt;table class="tablestyle"&gt;
              &lt;tr&gt;
                  &lt;td class="highlightTD"&gt;Reviews&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;
                      @Html.Partial("_Evaluations", Model.Review)
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      }
  }
  &lt;/div&gt;
  }
  </code></pre>
  
  <p>Everything executes perfectly but it does not display content on browser. Can any one please help me out to identify what is wrong i am doing here?</p>