Как получить значение атрибута непосредственного родителя выбранного элемента

Question

Я пытаюсь получить значение атрибута непосредственного родителя нажатой привязки. Любые идеи о том, как я могу этого добиться. Мой код выглядит следующим образом:

HTML

<div class="perTalk" catch="1">
  <div>Content one</div>
  <a href="#" ng-click="idVal()">Reply</a>
</div>
<div class="perTalk" catch="1.1">
  <div>Content two</div>
  <a href="#" ng-click="idVal()">Reply</a>
</div>
<div class="perTalk" catch="1.2">
  <div>Content three</div>
  <a href="#" ng-click="idVal()">Reply</a>
</div>  

AngularJS

 var app = angular.module('myApp', []);

          app.controller('../scripts/sleek-angular-control', function ($scope) {
            $scope.idVal = function () {

                var catchVal = $(this).closest(".perTalk").attr("catch"); 

                $scope.firstname = catchVal;
                $scope.lastname = "Doe";

            }
        });