title: MVC Partial View Returns Whole Page Instead of Just the Partial
body: <p>I have the following partial view named "_transactions": </p>
  
  <pre><code>&lt;div id="section-transactions" class="documentsanchor"&gt;
  &lt;/div&gt;
  &lt;div&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-lg-12"&gt;
              &lt;div&gt;
                  &lt;h4 class="company-headings"&gt;@ViewBag.SecSymbol Transactions&lt;/h4&gt;
              &lt;/div&gt;
          &lt;div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I render it using </p>
  
  <pre><code> @{Html.RenderAction("Transactions", "Company");}
  </code></pre>
  
  <p>and this is the Transactions method from the Company controller:</p>
  
  <pre><code>    public async Task&lt;PartialViewResult&gt; Transactions()
      {
          ViewBag.SecSymbol = "test";
  
          return PartialView("_transactions");
      }
  </code></pre>
  
  <p>It's on a page with other partial views. </p>
  
  <p>This works fine. However, I have a button on the page that should get a new partial view and replace the current one. It makes an ajax call as follows</p>
  
  <pre><code>    $("#btn_transactions").click(function (e) {           
          var url = "Company/Transactions";
          $.ajax({
              url: url,
              success: function (result) {
                  alert(result);
                  $('#transTarget').html(result);
              },
              error: function () {
                  alert("Error occured");
              }
          });
      })
  </code></pre>
  
  <p>The issue is that the whole page is returned in "result", that is, all partials as well as the layout, when all I want is the transactions partial. What am I doing wrong?</p>