jQuery data attribute click event
<p>I have made a quick fiddle to outline my problem: <a href="http://jsfiddle.net/mYdxw/" rel="nofollow">http://jsfiddle.net/mYdxw/</a></p>

<p>I'm trying to click on a div, grab its data attribute and show its corresponding set of divs.</p>

<p>Can anyone spot why it isn't doing this currently?</p>

<p><em><strong>JS</em></strong></p>

<pre><code>$(document).ready(function() {

    $('.categoryItems').click(function() {
        $('.itemLinks').hide();
        var target_category = $(this).attr('data-target_category');
        $('.itemLinks [data-category=' + target_category + ']').show();
    });
});
</code></pre>

<p><em><strong>HTML</em></strong></p>

<pre><code>&lt;div id="categories"&gt;
    &lt;div data-target_category="html-site-templates" class="categoryItems"&gt;HTML Site Templates&lt;/div&gt;
    &lt;div data-target_category="jquery-plugins" class="categoryItems"&gt;jQuery Plugins&lt;/div&gt;
    &lt;div data-target_category="tumblr-themes" class="categoryItems"&gt;Tumblr Themes&lt;/div&gt;
    &lt;div data-target_category="wordpress-themes" class="categoryItems"&gt;WordPress Themes&lt;/div&gt;    
&lt;/div&gt;

&lt;div id="content"&gt;
    &lt;a class="itemLinks" data-category="tumblr-themes" href="/tumblr-themes/mini-tumblr-theme/"&gt;Mini Tumblr Theme&lt;/a&gt;
    &lt;a class="itemLinks" data-category="jquery-plugins" href="/jquery-plugins/randomr-jquery-plugin/"&gt;Randomr jQuery Plugin&lt;/a&gt;
    &lt;a class="itemLinks" data-category="wordpress-themes" href="/wordpress-themes/redux-wp-theme/"&gt;Redux WP Theme&lt;/a&gt;
&lt;/div&gt;
</code></pre>
