I really like the concept of this module and I think there are some great effects represented here but I struggle with no apparent, discernible documentation on this project. You would think it would be easy. This is what I have:

Module Loaded and Activated

In Template.php:
drupal_add_library('jquery_plugin', 'tabs');

In the page itself:

<script type="text/javascript"> (function($) { 
  $("ul.tabs").tabs("div.panes > div");
})(jQuery);</script>

<!-- the tabs -->
<ul class="tabs">
	<li><a href="#">Tab 1</a></li>
	<li><a href="#">Tab 2</a></li>
	<li><a href="#">Tab 3</a></li>
</ul>
<!-- tab "panes" -->
<div class="panes">
	<div>pane 1 content</div>
	<div>pane 2 content</div>
	<div>pane 3 content</div>
</div>

From Chrome's Inspect Element interface I can see the java script library being loaded, I just don't see why it is not being initialized with the java script code at the top of my page.

Where am I going wrong?
(If it wasn't already apparent from the version that I am using, I am on Drupal 7.10)