title: How to get the height and width of a dialog after resize?
body: <p>I created a dialog successfully with resize enable but for my project I need the height and width of the open dialog after it is resized by a user.</p>
  
  <p>I have created a button with id = opener and a div with id = dialog. Can someone please help me if possible. </p>
  
  <p>Javascript:</p>
  
  <pre><code>// increase the default animation speed to exaggerate the effect
  $.fx.speeds._default = 1000;
  $(function() 
  {
      $( "#dialog" ).dialog(
      {
          modal:true,
          autoOpen: false,
          show: "blind",
          hide: "explode",
          buttons: [
          {
              text: "Ok",
              click: function() { $(this).dialog("close"); }
          }] ,
          resizable: true,
          width:'auto',
          height:'auto'
      });
  
      $( "#opener" ).click(function() 
      {
          $( "#dialog" ).dialog( "open" );
          return false;
      });
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="demo"&gt;
          &lt;div id="dialog" title="Basic dialog"&gt;
              &lt;p&gt;My content here. I want to show the height and width of my dialog after it is resized by a user
              &lt;/p&gt;    
          &lt;/div&gt;
          &lt;button id="opener"&gt;Open Dialog&lt;/button&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>