I am trying to get the x and y coordinates on click and display them in the input boxes. But the values are visible only after I click first on the div to get the coordinates and then click in the one of the input boxes. My goal is to populate the input boxes when the user click for the x and y coordinates.

```
<md-input-container class="md-block" flex-gt-sm >
    <label>Vertical</label>
    <input ng-model="pdfVertical">
</md-input-container>

<md-input-container class="md-block" flex-gt-sm >
    <label>Horisontal</label>
    <input ng-model="pdfHorisontal">
</md-input-container>

$("#overlayDiv").click(function (event) {
    $scope.pdfVertical = event.clientY;
    $scope.pdfHorisontal = event.clientX;
});

```