Tabs "Jump To" Button

Tabs "Jump To" Button

I am trying to have buttons within a tab to jump to a different tab, but get the following error:  Error: cannot call methods on tabs prior to initialization; attempted to call method 'enable'.  Below is the code I tried.  What is the correct way to implement this?  


  2. <div id="tabs" >
  3.   <ul>
  4.     <li><a href="#tabs-1">Nunc tincidunt</a></li>
  5.     <li><a href="#tabs-2">Proin dolor</a></li>
  6.     <li><a href="#tabs-3">Aenean lacinia</a></li>
  7.   </ul>

  9.   <div id="tabs-1">  <input id="lnk" type="button" value="Jump to Tab 3"  />    </div>
  11.  <div id="tabs-2" >   Tab2  </div>
  12.   <div id="tabs-3" >  Tab 3 </div>
  13. </div>
  2. <script>
  3.   $(function() {
  4.     $( "#tabs" ).tabs();
  5.   });
  6.  
  7. $(function(){
  8.     $('#lnk').click(function() {
  9.       $( "#tabs-3" ).tabs("enable");  
  10.     });
  11. });

  13.   </script>