title: jQuery tabsshow: ui.panel is DOM instead jQuery-object after first run
body: <p>I want to get the height of the currently selected tab and pass the value with postMessage() to it's parent iframe:</p>
  
  <pre><code>    // ...
      jQuery("#my-tabs").tabs({
          selected: ran,
          show: function( event, ui ) {
              try
              {
                  console.log(ui.panel);
  
                  var height = ui.panel.height();
  
                  if (window.postMessage &amp;&amp; parentUrl != undefined)
                      parent.postMessage("height:" + height, parentUrl);
              }
              catch (c)
              {
                  console.log(c.message);
              }
          }
  
      });
  </code></pre>
  
  <p>works fine when the page is loaded and the randomly selected tab is shown.</p>
  
  <p>But when selecting another tab, ui.panel isn't a jQuery object anymore, so accessing height() crashes: <code>Object #&lt;HTMLDivElement&gt; has no method 'height'</code> </p>
  
  <p>I'am using jQuery 1.4.3 with UI 1.8.6 - but can't find anything about this strange behavior. (Tried also jQuery('#example').bind('tabsshow' ... same thing)</p>