title: Is it possible to display url of some view or something ID when using JQuery UI Modal dialog
body: <p>I am trying to achieve something but I don't know is it possible.<br/>
  I have a link that point to <code>/ControllerName/ActionName</code>.<br/>
  When I click on it view is opened and url is like:</p>
  
  <pre><code>localhost:xxxx/ControllerName/ActionName
  </code></pre>
  
  <p>or</p>
  
  <pre><code>localhost:xxxx/ControllerName/ActionName/9879878927
  </code></pre>
  
  <p>Now, when I use JQuery UI modal dialog to display the same view it opens in modal view but url isn't changed.<br/>
  Is this possible in this way that I am making? Am I on the right direction or I did something completely wrong?</p>
  
  <pre><code>$(".openDialog").live("click", function (e) {
              e.preventDefault();
              $("&lt;div&gt;&lt;/div&gt;")
                  .addClass("dialog")
                  .attr("id", $(this).attr("data-dialog-id"))
                  .appendTo("body")
                  .dialog({
                      open: function (event, ui) {
                          window.setTimeout(function () {
                              jQuery(document).unbind('mousedown.dialog-overlay')
                              .unbind('mouseup.dialog-overlay');
                          }, 100);
                      },
                      title: $(this).attr("data-dialog-title"),
                      close: function () { $(this).remove() },
                      modal: true,
                      width: 600,
                      height: 'auto',
                      resizable: false, position: 'top'
  
                  }).load(this.href);
          });
  ...
  
  @Html.ActionLink("about", "About", "Home", null,
         new { @class = "openDialog", data_dialog_id = "test" })
  </code></pre>