ASP.NET MVC에서 jQuery를 사용하여 부분 뷰를 렌더링하는 방법은 무엇입니까?

<code class="javascript">$('.js-reload-details').on('click', function(evt) {
    evt.preventDefault();
    evt.stopPropagation();</code>

<code class="javascript">    var url = $(this).data('url');</code>

<code class="javascript">    $.get(url, function(data) {
        $detailDiv.replaceWith(data);         
    });</code>

<code class="c#">public ActionResult Details( int id )
{
    var model = ...get user from db using id...

    return PartialView( "UserDetails", model );
}</code>

<code class="javascript">var $detailDiv = $('#detailsDiv');
$detailDiv.replaceWith(data);</code>

<code class="html"><!-- Parent View Button -->
<button data-url='@Url.Action("details","user", new { id = Model.ID } )'
         class="js-reload-details">Reload</button>

<!-- UserDetails partial view -->
<div id="detailsDiv">
    <!-- ...content... -->
</div></code>