title: Unable to load ViewComponent through jQuery
body: <p>The ViewComponent code:</p>
  
  <pre><code>public class EducationShowViewComponent : ViewComponent
  {
      private databaseContext _dbContext = new databaseContext();
  
      public IViewComponentResult Invoke(string candidateId)
      {
          var educations = _dbContext.Candidates.Include(j =&gt; j.CandidateEducations)
             .Single(j =&gt; j.UserId == candidateId)
             .CandidateEducations;
  
          return View(educations);
      }
  }    
  </code></pre>
  
  <p>The component container which is loading the component fine on page load:</p>
  
  <pre><code>&lt;div class="edu-history-sec"&gt;
      @await Component.InvokeAsync("EducationShow") , new { candidateId = ViewBag.InvokeEducationWithId })
  &lt;/div&gt;
  </code></pre>
  
  <p>But it's not working when I try to reload the container by using <code>$.get</code>.</p>
  
  <pre><code>$('.loadview').on('click', function () {
      alert('before $.get'); // OK
      $.get('/Candidate/EducationShowViewComponent/1012', function (data) {
          alert('inside $.get'); // not executing
          $('.edu-history-sec').html(data);
      });
  });
  </code></pre>
  
  <p>The Action code of the Candidate controller</p>
  
  <pre><code>public IActionResult EducationShowViewComponent(string id)
  {
      return ViewComponent("EducationShow", new { candidateId = id });
  }
  </code></pre>
  
  <p>Is there something that I'm doing wrong, I've been stuck in this for 2 whole days not being able to make it work!?</p>
  
  <p>Thanks in advance!</p>