title: Hide parent div by class name
body: <p>I have HTML looks like:</p>
  
  <pre><code>&lt;div class="group_box"&gt;
    &lt;div&gt;
       &lt;div&gt;
         ... &lt;!-- I don't know haw many div's here -- &gt;
         &lt;a class="mark_as_read" ...&gt;
       &lt;/div&gt;
    &lt;/div&gt;
  &lt;div&gt;
  
  ....
  
  &lt;div class="group_box"&gt;
    &lt;div&gt;
       &lt;div&gt;
         ... &lt;!-- I don't know haw many div's here -- &gt;
         &lt;a class="mark_as_read" ...&gt;
       &lt;/div&gt;
    &lt;/div&gt;
  &lt;div&gt;
  </code></pre>
  
  <p>I want to hide parent "group_box" when user click on "mark_as_read".</p>
  
  <p>Something like this:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    $().ready(function() {
      $('.mark_as_read_link').bind('click', function() {
        alert($(self));
        $(self).parent('.group_box').hide();
        return false;
      });
   });
  &lt;/script&gt;
  </code></pre>
  
  <p>But it doesn't work. I have not idea what is $(this) in this case....</p>