title: How to handle select event of tab widget of jquery ui?
body: <p>I use tab widget of jquery ui in my webpage
  The initialization is ok. but want to capture the on_selected event of a tab to do something else. I followed docs of jquery but it does not work. <a href="http://docs.jquery.com/UI/Tabs#events" rel="noreferrer">doc</a>!</p>
  
  <p>I have tried </p>
  
  <pre><code>    $( "#editor-tabs" ).tabs();
      $("#editor-tabs").bind("tabsshow",function(event,ui){
              alert(ui.index);
      });
  </code></pre>
  
  <p>and </p>
  
  <pre><code>$( "#editor-tabs" ).tabs({
      select: function(event,ui){alert(ui.index);}
  });
  </code></pre>
  
  <p>Put breakpoints to the callback function and they are not hit.</p>