finding which div was clicked when click event is on class

finding which div was clicked when click event is on class

I have multiple divs under class subcat. And I have a click event on the
class. I want to get the div which was clicked.
<div class="subcat"><a href="#">abc</div>
<div class="subcat"><a href="#">def</div>
<div class="subcat"><a href="#">ghi</div>
<div class="subcat"><a href="#">jkl</div>
My jquery function is like
$('.subcat').click(function(element) {
element.preventDefault();
getsubcat(element);
});
But the element shows null. I tried using this instead of element but that
didn't work either.
$('.subcat').click(function(element) {
this.preventDefault();
getsubcat(this);
});
I had earlier written it as below and it was working perfectly well.
<div class="subcat"><a href="#" onclick="getsubcat(this)">abc</div>
<div class="subcat"><a href="#" onclick="getsubcat(this)">def</div>
<div class="subcat"><a href="#" onclick="getsubcat(this)">ghi</div>
<div class="subcat"><a href="#" onclick="getsubcat(this)">jkl</div>