title: Stop Html.Action from being called on Load
body: <p>I have below <code>div</code> inside a parent view and the below <code>Html.Action</code> returns a <code>PartialView</code></p>
  
  <pre><code>&lt;div id="preview" class="modal fade" role="dialog"&gt;
  &lt;div class="modal-dialog"&gt;
      &lt;!-- Modal content--&gt;
      &lt;div class="modal-content"&gt;
          @Html.Action("GetPrintView", "Connector")
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I open the above <code>modal</code> using below jquery:</p>
  
  <pre><code>$("#printdoc").click(function(e) {
      e.preventDefault();
      $(this).attr('data-target', '#preview');
      $(this).attr('data-toggle', 'modal');
  });
  </code></pre>
  
  <p>The issue is, whenever the parent <code>.cshtml</code> is loaded it calls the above <code>Html.Action</code>, but this should be only called when clicked on button. I tried using <code>data-url</code> for the <code>div</code> but still the action is being called repeatedly. Any help?</p>