title: I want to put response from jquery $.ajax() method to a target <div> inside bootstrap popup Modal
body: <p>I'm calling an ActionMehod using jquery .ajax() function and want to put the response into a target DIV tag defined inside the Bootstrap PopupModal.</p>
  
  <pre><code>$.ajax({
      type: "GET",
      data: { "id": idVal },
      contentType : "application/json",
      url: '@Url.Action("GetAssetCalcert", "SiteReport")',
      target: "#popupModel",
      success: ShowPopup()
  });
  
  function ShowPopup() {
      $('#myModal').modal('show')
      $("#loadCalcert").attr('data-toggle', 'modal');
  }
  </code></pre>
  
  <p>Here <code>"#myModal"</code> is the Id of BootstrapModal and <code>"#popupModel"</code> is the DivID inside modal-body tag.</p>
  
  <p>This actually makes the call to actionMethod successfully and I'm getting the HTML response as confirmed doing <code>console.log(data)</code> on success. But Opens an empty popupModal and not rendering what is received. </p>
  
  <p>What am I missing here? </p>