jQueryUI accordion with checkboxes

Question

I'm trying to put a checkbox in each of my accordion headings to indicate whether something should be disabled or not. The checkbox shows up fine, however, its not clickable as the whole accordion header is linked to the `` tag. Putting the checkbox outside the `` tag makes the checkbox appear underneath the heading, which is not what I want, and it still isn't clickable either. ```

content etc

```

Accepted Answer

You can use `stopPropagation()` to fix this

example jsfiddle

something like

```
$('#accordion input[type="checkbox"]').click(function(e) {
    e.stopPropagation();
});
```

Solution