How to target parent of a hyperlink in Jquery
<p>I have some HTML that looks like this:</p>

<pre><code>&lt;div class="product"&gt;
Content In Here
  &lt;div class="price"&gt;
   &lt;a href="#" class="removeLink"&gt;Remove&lt;/a&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I'm trying to target the parent of the remove link like this:</p>

<pre><code>$('.removeLink').click(function(event) {
      event.preventDefault();
  $(this).parent('.product').fadeOut('fast');
});
</code></pre>

<p>However for some reason it's not working and I can't figure out why, there is no error messages in the Javascript console, any idea why it won't fade out the parent .product div?</p>
