title: Validation not working on partial views
body: <p>I have a root view with two partial views that get loaded into divs based on a button click:</p>
  
  <pre><code>@using (Html.BeginForm()) {
  @Html.ValidationSummary(true)
  &lt;fieldset&gt;
      &lt;legend&gt;Donation information&lt;/legend&gt;
      &lt;p&gt;
          @Html.LabelFor(m =&gt; m.DonationType.DonationTypex) &lt;br /&gt;
          @Html.DropDownListFor(model =&gt; model.DonationType.DonationTypeID, ViewBag.DonationTypes as      
          SelectList, htmlAttributes: new { @id = "selectList" })
          &amp;nbsp;&amp;nbsp;
          @Html.ActionLink("Select", "ContinueDonation", "Donation", htmlAttributes: new { @id = 
          "btnSelect1" })
  
      &lt;/p&gt;
  
      &lt;div id="donationSection1"&gt;&lt;/div&gt;
  
   &lt;br /&gt;
   &lt;input id="btnAddPayment1" type="button" value="Add Payment Info" /&gt;
   &lt;br /&gt;&lt;br /&gt;
   &lt;div id="paymentSection1"&gt;&lt;/div&gt;
  
   &lt;input type="submit" id="btnSubmitDonation" value="Save" /&gt;
   &lt;input type="button" id="btnCancelDonation" value="Cancel" /&gt; 
  
   &lt;/fieldset&gt;
  }
  </code></pre>
  
  <p>The partial views that are loaded into the donationSection1 and paymentSection1 divs share the same Model, just contain editors, labels etc for different properties within it... just wondering how I can get it to validate the partial views... if the submit/save button is on the root view...</p>
  
  <p>...jquery that loads div... (controller returns partial view sharing same model):</p>
  
  <pre><code>  $("#btnSelect1").click(function () {
          var donationTypeID = $(this).closest('p').find('#selectList').val();
          var id = parseInt(donationTypeID);
          var route = '/Donation/ContinueDonation?dTypeId=' + id;
          $("#donationSection1").load(route, function () {
              $("#donationSection1").show('slow');
          });
          return false;
      });
  </code></pre>