title: how to pass Model with Url.Action?
body: <p>I want to return a partial view in Jquery Dailog and wanted to pass the viewmodel object to particular controller action, how to do that?</p>
  
  <p><strong>View</strong></p>
  
  <pre><code>@Html.DropDownListFor(model =&gt; model.SelectedCountry, new SelectList(Model.CountryList, "CountryCode", "CountryName"), "---SELECT COUNTRY---",
                                      new { @class = "chosen", @onchange = "this.form.action='/Home/Index'; this.form.submit(); " })
  &lt;input type="button" id="button1" value="Push"/&gt;
  &lt;div id="dialog" title="Report" style="overflow: hidden;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>Js</strong></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(function () {
      $('#dialog').dialog({
          autoOpen: false,
          width: 400,
          resizable: false,
          title: 'Report',
          modal: true,
          open: function() {
              //here how to pass viewmodel
              $(this).load("@Url.Action("CreatePartial")");
          },
          buttons: {
              "Close": function () {
                  $(this).dialog("close");
              }
          }
      });
  
      $('#button1').click(function () {
          $('#dialog').dialog('open');
      });
  });
  </code></pre>
  
  <p></p>
  
  <p><strong>Controller</strong></p>
  
  <pre><code>public ActionResult CreatePartial(HomeViewModel homeViewModel)
  {
          return PartialView("_CreatePartial", homeViewModel);
  }
  </code></pre>
  
  <p><strong>Currently, "homeViewModel.SelectedCountry" is Null, how to pass model in Jquery?</strong></p>