jquery tabs - what am I doing wrong?
<p>Html code is:    </p>

<pre><code>&lt;div id="questions"&gt;
  &lt;ul&gt;
       &lt;li class="selected"&gt;&lt;a href="#fly"&gt;Fly&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href="#fly1"&gt;Fly 1&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;

 &lt;div id="fly" style="display: block;"&gt;   
   &lt;div id="question141"&gt;
   &lt;div id="question104"&gt;
   &lt;div id="question80"&gt;
   &lt;div id="question79"&gt;
 &lt;/div&gt;
 &lt;div id="fly1"&gt;
   &lt;div id="question141"&gt;
   &lt;div id="question104"&gt;
   &lt;div id="question80" &gt;
   &lt;div id="question79" &gt;
 &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>jQuery:</p>

<pre><code>&lt;script&gt;
jQuery(document).ready(function(){
    jQuery('#questions  div').hide();
    jQuery('#questions  div:first').show();
    jQuery('#questions  ul li:first').addClass('active');

    jQuery('#questions  ul li a').click(function(){
        jQuery('#questions  ul li').removeClass('active');
        jQuery(this).parent().addClass('active');
        var currentTab = jQuery(this).attr('href');
        jQuery('#questions  div').hide();
        jQuery(currentTab).show();
        return false;
    });
});
&lt;/script&gt;
</code></pre>

<p>Above code has two tabs and i am using jQuery to show tabs on click. But when i click any tab. The  elements inside the tab does not show. Am i doing something wrong? </p>
