jQuery function - unexpected behaviour
<p><strong><a href="http://jsfiddle.net/MrTest/DmFmM/" rel="nofollow">Please see my demo.</a></strong></p>

<p>What it does: </p>

<ul>
<li><p>once selected tab on the top it is getting its class  and show only <code>ul.portfolio &gt; li</code>
elements with this class</p>

<pre><code>   $('.portfolio-filter li a').click(function() {


    $('.portfolio-filter &gt; .selected').prop('class','');
    $(this).parent('li').addClass('selected');

    var FilterClass = $(this).attr('class');

    $('#portfolio-items li').hide();
    $('#portfolio-items li.' + FilterClass).show();
    $('#portfolio-items').CreateTabs();

});
</code></pre></li>
<li><p>then run CreateTabs function - which creates pagination at the bottom</p></li>
<li>problem is that the last element which is <strong><code>&lt;li class="all website"&gt;&lt;/li&gt;</code> has not got <code>'logo'</code> class on it</strong>, but if you select tab LOGO it will get displayed./</li>
</ul>

<p><strong>Why? Any suggestions much appreciated!</strong> </p>
