using a div:title tag attribute instead of a:href attribute to toggle divs
<p>I have this script that uses an a:href attribute tag to swap divs out. I'd like to instead use a div tag with the title attribute.</p>

<p>Working code</p>

<pre><code>$(document).ready(function () {
    $('#tabs div').hide();
    $('#tabs div:first').show();
    $('#tabs2 ul li:first').addClass('active');

    $('#tabs2 ul li a').click(function () {
        $('#tabs2 ul li').removeClass('active');
        $(this).parent().addClass('active');
        var currentTab = $(this).attr('href');
        $('#tabs div').hide();
        $(currentTab).fadeIn(1000);
        return false;
    });
});
</code></pre>

<p>My attempt at using this with a div tag but is not working</p>

<pre><code>&lt;div id="tabs2"&gt;
  &lt;ul class="nav"&gt;
    &lt;li class="pc"&gt;&lt;div class="tab-1" title="tab-1"&gt;text&lt;/div&gt;&lt;/li&gt;
  &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<pre><code>$(document).ready(function () {
    $('#tabs div').hide();
    $('#tabs div:first').show();
    $('#tabs2 ul li:first').addClass('active');

    $('#tabs2 ul li div').click(function () {
        $('#tabs2 ul li').removeClass('active');
        $(this).parent().addClass('active');
        var currentTab = $(this).attr('title');
        $('#tabs div').hide();
        $(currentTab).fadeIn(1000);
        return false;
    });
});
</code></pre>

<p>Not getting any errors but its not working for some reason.     </p>
