Cargando una vista parcial en jquery.dialog

Soy completamente nuevo en mvc e intento crear una aplicación ficticia para aprender mvc 3. He trabajado en el ejemplo de la tienda de música y ahora estoy tratando de extenderlo un poco a una aplicación más real. Con el ejemplo cada vez que desee un elemento nuevo, será redirigido a la vista Crear, lo cual está bien, sin embargo, en lugar de hacer una publicación de página completa, quiero usar jquery.dialog para abrir una ventana emergente modal que permitirá al usuario inserte un nuevo artículo.

hasta ahora tengo

  <script type="text/javascript">

    $(function () {

        $('#dialog').dialog({
            autoOpen: false,
            width: 400,
            resizable: false,
            title: "hi there",
            modal: true,
            buttons: {
                "Close": function () {
                    $(this).dialog("close");
                }
            }
        });
        $('#my-button').click(function () {
        $('#dialog').dialog('open');
        });}); </script>

     <div id="dialog" title="Create Album" style="overflow: hidden;">
    @Html.Partial("_CreateAlbumPartial")</div>

El problema con esto es que la vista parcial se carga cada vez que no a través de ajax y realmente no sé dónde debería colocar la vista parcial. ¿Debería estar en la ubicación compartida o en la carpeta con las otras vistas? ¿Cómo actualizo la clase de controlador para atender la vista parcial?

Lo siento si son fáciles de hacer, estoy 3 días en mvc :)

Respuestas a la pregunta(2)

Su respuesta a la pregunta