title: jQuery .load in a partial view (rendered inside a modal popup) doesn't work
body: <p>I have a main view that has a button "AddSkillBtn" which on clicked shows a modal popup with a partial view inside. Works fine so far. Now I need to do some ajax call while loading the partial view. However i cannot call the .on 'load' in a partial view. Any thoughts on how to achieve this? Below is the code that I have - Thanks in advance!</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>**jQuery:** 
  
  $('#AddSkillBtn').click(function (e) {    
              $.ajax({
                  url: '@Url.Action("MyAction", "MyController")',
                  type: "POST"
                  
                  success: function (result) {
                      $("#AddContainer").html(result);
  
                      $('#AddModal').modal('show'); // this works properly
                  }
              });
          });
  
  //below jquery code is incorrect - but I need something to trigger the partial view on load event!!
  
          $(document).on('load?', "PartialView?", function() {
             
              $.ajax({
                  //call another action here that needs to be shown on the partial view load 
              }).success(function (partialView) {
  
                  $('#newSkills').append(partialView);
  
              });
          });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p&gt;&lt;a id="AddSkillBtn" href="javascript:void(0)" class="btn btn-rounded btn-primary"&gt;Add new Skill&lt;/a&gt;&lt;/p&gt;
  
  
  &lt;div class="modal modal-wide fade" id="AddModal" tabindex="-1" role="dialog" aria-labelledby="AddLabel" aria-hidden="true"&gt;
      &lt;div class="modal-dialog"&gt;
          &lt;div class="modal-content"&gt;
              &lt;div class="modal-header"&gt;
                  &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
                  &lt;h4 class="modal-title" id="AddLabel"&gt;Add New Skills&lt;/h4&gt;
              &lt;/div&gt;
              &lt;div class="modal-body"&gt;
                  &lt;div id="AddContainer"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
     
  **Partial View rendered in the modal popup has**
  
  &lt;div id="newSkills"&gt; // ajax call to render this, which should happen on load of this partial view
              @for (int i = 0; i &lt; @Model.NewSkills.Count(); i++)
              {
                  @Html.EditorFor(model =&gt; @Model.NewSkills[i])
              }
          &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>