title: using a div:title tag attribute instead of a:href attribute to toggle divs
body: <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>