jQuery parents("tr") fadeout not working
<p>So I'm trying to create a fadeOut effect of a with class "delete" parent tr element.</p>

<p>Here is my jsfiddle, where you can check it live - <a href="http://jsfiddle.net/syTXZ/" rel="nofollow">http://jsfiddle.net/syTXZ/</a></p>

<p>and code is here -</p>

<p>HTML -</p>

<pre><code>&lt;table border="1px solid black"&gt;
    &lt;thead&gt;
        &lt;tr&gt;
            &lt;th&gt;ID&lt;/th&gt;
            &lt;th&gt;Name&lt;/th&gt;
            &lt;th&gt;Parent&lt;/th&gt;
            &lt;th&gt;Edit&lt;/th&gt;
            &lt;th&gt;Delete&lt;/th&gt;
        &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
            &lt;tr&gt;
                &lt;td&gt;2&lt;/td&gt;
                &lt;td&gt;test222&lt;/td&gt;
                &lt;td&gt;test2&lt;/td&gt;
                &lt;td&gt;&lt;a href="#" categoryID="1" class="edit"&gt;Edit Category&lt;/a&gt;&lt;/td&gt;
                &lt;td&gt;&lt;a href="#" categoryID="1" class="delete"&gt;Delete Category&lt;/a&gt;&lt;/td&gt;
            &lt;/tr&gt;                                                    
            &lt;tr&gt;
                &lt;td&gt;1&lt;/td&gt;
                &lt;td&gt;te1t22&lt;/td&gt;
                &lt;td&gt;tes1t&lt;/td&gt;
                &lt;td&gt;&lt;a href="#" categoryID="1" class="edit"&gt;Edit Category&lt;/a&gt;&lt;/td&gt;
                &lt;td&gt;&lt;a href="#" categoryID="1" class="delete"&gt;Delete Category&lt;/a&gt;&lt;/td&gt;
            &lt;/tr&gt;  
            &lt;tr&gt;
                &lt;td&gt;3&lt;/td&gt;
                &lt;td&gt;test2&lt;/td&gt;
                &lt;td&gt;test&lt;/td&gt;
                &lt;td&gt;&lt;a href="#" categoryID="1" class="edit"&gt;Edit Category&lt;/a&gt;&lt;/td&gt;
                &lt;td&gt;&lt;a href="#" categoryID="1" class="delete"&gt;Delete Category&lt;/a&gt;&lt;/td&gt;
            &lt;/tr&gt;          
    &lt;/tbody&gt;
&lt;/table&gt;​
</code></pre>

<p>and js -</p>

<pre><code>$("a.delete").click(function() {
    $(this).parents("tr").fadeOut(300);
}​
</code></pre>

<p>but it's not working, any clues? I tried also parent() instead of parents(), but it also didn't work.</p>
