title: dialog modal window not closing when called from child page
body: <p>I am trying to use the jQuery UI dialog as pop up window and I wanted to put another aspx page as body  to the Jquery UI Dialog. here I do not want to use the Jquery button option. At the child page, I have put button which is supposed to close the modal window and refresh the parent page. Below is the code I have been trying to implement but some reason I am getting js error message. Am I missing something here ?</p>
  
  <p>Parent Page : aspx page</p>
  
  <pre><code>  &lt;div&gt;
       &lt;div id="dialog" title="This is Pop up "&gt;
              &lt;div class="modal"&gt;
                  &lt;div class="modal-body"&gt;
                      &lt;iframe style="width: 100%; height: 100%;"  src="childPage.aspx" runat="server" frameborder="0"&gt;&lt;/iframe&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;input type="button" value="open"  id="OpenDialog"/&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Jquery code : parent page </p>
  
  <pre><code> $(function () {
          var dialog
          dialog = $("#dialog").dialog({
              autoOpen: false,
              height: 300,
              width: 350,
              modal: true,
          });
          $("#OpenDialog").button().on("click", function () {
              dialog.dialog("open");
          });
      });
  </code></pre>
  
  <p>Child page : </p>
  
  <pre><code> &lt;input type="button" id="btnCloseChildPageRefreshParent" value="Close and Refresh Parent Page" /&gt;
  </code></pre>
  
  <p>Child Page Js code :</p>
  
  <pre><code>   $(function () {
          $('#btnCloseChildPageRefreshParent').on('click', function () {
              refreshParent();
              open(location, '_self').close();
          });
  
          function refreshParent() {
              window.opener.location.reload();
          }
      });
  </code></pre>