title: How do I disable and enable list items depending on the filter in jquery?
body: <p>Here is what I've created: <a href="http://jsfiddle.net/zidski/ktSA9/" rel="nofollow">http://jsfiddle.net/zidski/ktSA9/</a></p>
  
  <p>I want to enable and disable the links depending on the filter - 'All Years' starts off disabled as all the years are showing - if I click on 2010 All years should become enabled and so on.</p>
  
  <pre><code>&lt;ul name="yearfilter" id="yearfilter"&gt;
  &lt;li value=""&gt;&lt;a data-value="" href="#" class="disable"&gt;All years&lt;/a&gt;&lt;/li&gt;
  &lt;li value="2011"&gt;&lt;a data-value="2011" href="#"&gt;2011&lt;/a&gt;&lt;/li&gt;
  &lt;li value="2010"&gt;&lt;a data-value="2010" href="#"&gt;2010&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>