title: query isotope filter add selected css
body: <p>I tried to find the answer to this, it's probably quite simple.
  I want to add a selected class to the active filter in isotope. Here is my code:</p>
  
  <pre><code>$(function(){
  
    var $container = $('#container');
  
    $container.isotope({
      itemSelector: '.item',
      masonry : {
        columnWidth : 165
      }
    });
  
  
    // filter items when filter link is clicked
    $('#filters a').click(function(){
    var selector = $(this).attr('data-filter');
    $container.isotope({ filter: selector, animationEngine : "css" });
    return false;
  
  
    });
  </code></pre>
  
  <p>my html is:</p>
  
  <pre><code>&lt;ul id="filters" &gt;
    &lt;li&gt;&lt;a href="#" data-filter="*" class="selected"&gt;All&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#" data-filter=".Henry"&gt;Henry&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#" data-filter=".William"&gt;South William&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#" data-filter=".Grafton"&gt;Grafton&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#" data-filter=".Talbot"&gt;Talbot&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Anyone help please?
  thanks
  Dave</p>