title: idTabs doesn't work
body: <p>I do have a problem with starting idTabs by Sean Catchpole, Chrome loads the modules correctly, and there's no errors on the console, but the jQuery doesn't work, the link just takes me to the text that isn't hid by idTabs - so I assume the javascript or jQuery doesn't work, but where's the problem? Here's the code I have</p>
  
  <p>Head section:</p>
  
  <pre><code>&lt;head&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/style.css" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" /&gt;
  
      &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="scripts/jquery.idTabs.min.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt; 
      $("#usual1 ul").idTabs(); 
      &lt;/script&gt;
  
  &lt;/head&gt;
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>    &lt;div id="usual1" class="usual"&gt; 
    &lt;ul&gt; 
      &lt;li&gt;&lt;a class="selected" href="#tab1"&gt;Tab 1&lt;/a&gt;&lt;/li&gt; 
      &lt;li&gt;&lt;a href="#tab2"&gt;Tab 2&lt;/a&gt;&lt;/li&gt; 
      &lt;li&gt;&lt;a href="#tab3"&gt;Tab 3&lt;/a&gt;&lt;/li&gt; 
    &lt;/ul&gt; 
    &lt;div id="tab1"&gt;This is tab 1.&lt;/div&gt; 
    &lt;div id="tab2"&gt;More content in tab 2.&lt;/div&gt; 
    &lt;div id="tab3"&gt;Tab 3 is always last!&lt;/div&gt; 
  &lt;/div&gt; 
  </code></pre>