title: Render partial view on button click
body: <p>so I've tried everything, but I simply can not return a small partial view and place it in div element.
  This is my parent view</p>
  
  <pre><code>&lt;button id="doctors"&gt;Doktori&lt;/button&gt;
  &lt;button id="apointments"&gt; Pregledi&lt;/button&gt;
  
   &lt;div id="someDiv"&gt;
   &lt;/div&gt;
  
  &lt;script&gt;
      document.getElementById("doctors").onclick = function () { myFunction() };
      function myFunction() {
  
          $("#someDiv").load("@Html.Raw(Url.Action("doctorsview", "HomeController")) ")
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>I put some alert("message") before .load() function, and it shows a message, but then I put it after .load(), it doesn't show it.
  I've tried with and without html.raw(). 
  This is my controller action </p>
  
  <pre><code>public ActionResult doctorsview()
  {
      return PartialView("~/Views/_Doktor.cshtml", new Doktor());        
  }
  </code></pre>
  
  <p>Where am I wrong?</p>