Cannot reach parent class

Cannot reach parent class

Can someone tell me why I'm not able to remove the class "hasLink" from the parent element that contains the class ".test"

  1. <ul>
      <li class="hasLink">
        <div>
          <a href=" class="link">link</a>
        </div>
      </li>




  2.   <li class="hasLink">
        <div>
          <a href=" class="link">link</a>
        </div>
      </li>



  3.   <li class="hasLink">
        <div>
          <a href=" class="link">link</a>
        </div>
      </li>
    </ul>

                    $(".link").bind("click", function(e){
                        e.preventDefault();

                        $(this).parent(".hasLink").removeClass();
                    });