title: jquery ui tabs events
body: <p>I'm trying to call a function when a tab is loaded but it seems like the event never fires and I cannot figure out what I am doing wrong.</p>
  
  <pre><code>    &lt;div id="tabs" style="padding-top:0px;margin-top:0px"&gt;
      &lt;ul&gt;
      &lt;li&gt;&lt;a href="#tabs-scripting"&gt;Scripting&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tabs-scripting-history"&gt;Scripting History&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tabs-equipment"&gt;Equipment List&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tabs-syslogs"&gt;Syslogs&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tabs-visio"&gt;Visio&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tabs-misc"&gt;Misc&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  
      &lt;div id="tabs-visio"&gt;
      &lt;img id="visio_topology" src="/Scripting/customer/7229_topology.png"&gt;
      &lt;!-- Visio Tab div end --&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>  $('#tabs').tabs({
       select: function(event, ui) {
          window.location.hash = ui.tab.hash;
       }
    });
  
    $("#tabs-visio").tabs().bind("tabsload", function(event, ui) {
       console.log('hello world');
    });
  </code></pre>
  
  <p>Using Firebug I never see 'hello world'. I'm new to jquery and I know I have to be missing something easy here I just cannot figure out what.</p>