I am trying to get JQuery to do something when the below is clicked:

```
<li>
<center>
<div class="iradio_square-aero">
<label class="lg" style="padding-left:0 !important"> Joint</label>
</center>
</li>

```

So you code I'm using is:

```
$('.iradio_square-aero').click(function() {

    alert('clicked');

});

```

The problem is I'm not getting any alerts.

What I'm I doing wrong here?

Here is the code copied direct from the browser via firebug:

```
<li>
<center>
<div class="iradio_square-aero">
<input class="required" type="radio" value="joint" name="policy_type" style="position: absolute; opacity: 0;">
<ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 0px none; opacity: 0;"></ins>
</div>
<label class="label_gender" style="padding-left:0 !important"> Joint</label>
</center>
</li>

```

**UPDATE: The problem seems to arrive what using "jquery.wizard.js" script. As when it's on it stops working.**