title: MVC partial load in document.ready not getting fired
body: <p>I have</p>
  
  <pre><code>        &lt;div id="reports"&gt;
              &lt;img src="~/Content/img/wait.gif" /&gt;Loading reports...
          &lt;/div&gt;
  
  ...
  @section Scripts
  {
      &lt;script type="text/javascript"&gt;
  
          $(document).ready(function () {
              alert('test');
              $("#reports").load('/report');
  
              $("#reportType").change(checkReportSelection);
              checkReportSelection.apply($("#reportType"));
          });
      &lt;/script&gt;
  }
  </code></pre>
  
  <p>On my machine, #reports is loaded with data from report controller as soon as this page is loaded. I tried on a different machine, targeting this machine and it worked fine. The host machine is windows 10.</p>
  
  <p>When I deployed it to another machine that is server 2012 r2, "loading reports..." stays and report controller is not invoked (checked using debugger).
  I tried using chrome and IE and doesn't work.</p>
  
  <p>I do get alert so I know document.ready is fired.</p>
  
  <p>What could be the issue?
  Thanks</p>