Question: I have this

```
...
<li style="padding: 50px;">
   <a href="blabla" style="background:red;">Click Me</a>
</li>
...

```

As you all may know that the `<a>` tag will be smaller in size.
I want to use jquery as so...

```
$('li').click(function (){
   $(this).find('a').trigger('click');//does not work :(
   alert($(this).find('a').attr('href'););//returns blabla//which is correct
});

```

Any ideas why the `<a>` cannot be triggered in this way ? 
PS

Answer: 
```
 $(this).find('a').trigger('click')

```

Only triggers the javascript event , and not the default events

Here is the fix

```
$('li').click(function (){
    var url =  $(this).find('a').attr('href');
    location.href= url
});

```

[Here is a working example](http://jsfiddle.net/EbQZM/4/)

You could simplify it too:

```
$('li').click(function (){
    location.href= $(this).find('a').attr('href');
});

```
I think CSS is enough to do what you want...

What you want is just link tags take all `<li>` space.
In many cases `display:block;` on `<a>` tags is enough but I don't know anything about your HTML/CSS ^^