title: Render modal partial view via ajax in specified div block
body: <p>Is there any possible way to render partial modal view in specified div block? In my variant, modal just does not appeared on view and I don't any ideas how to solve it. Here my variant:</p>
  
  <pre><code>&lt;div id="renderModal"&gt;&lt;/div&gt; 
  </code></pre>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>function onClickEvent(data){
      console.log(data);
      var url = "@Url.Action("Load", "Home")" + '/' + data;
  
      var renderModal = $('#renderModal');
      $.ajax({
          url: renderModal.data(url),
          type: 'GET',
          cache: false,
          success: function (result) {
              $('#renderModal').html(result);
          }
      });
  }
  </code></pre>
  
  <p>Method where I retrieve partial view</p>
  
  <pre><code>public virtual async Task&lt;ActionResult&gt; Load(int id)
  {
        .  .  .  .
  
      return PartialView("Partial/_Load", model);
  }
  </code></pre>
  
  <p>And Partial view</p>
  
  <pre><code>&lt;div id="loadModal" class="modal fade" role="dialog" style="text-align: center;"&gt;
      &lt;div class="modal-dialog modal-lg" style="text-align: center;"&gt;
          &lt;div class="modal-content" style="text-align: center"&gt;
          &lt;h1&gt;test&lt;/h1&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>