Witam proszę was o pomoc

Mam listę "li" oraz w niej na każdą linię mam checkboxa

[PHP] pobierz, plaintext 
<li><input type='checkbox...
<li><input type='checkbox...
[PHP] pobierz, plaintext 

mam również kod js

[PHP] pobierz, plaintext 
$('.connection').on('click', 'li', function () {
 
                    var i = $(this).find('input');
 
                    if (i.is(':checkbox') ) {
                        i.prop("checked", !i.prop("checked"));
                    } 
 
});
[PHP] pobierz, plaintext 

Problem w tym że ten kod blokuje mi kliknięcie w samego checkboxa mogę zaznaczać poprzez kliknięcie w li ale nie mogę poprzez kliknięcie w checkboxa by temu zaradzić musze pisać dodatkowy kod obsługujący kliknięcie w chackboxa czy można temu jakoś zaradzić i nie nadpisywać czegoś co powinno działać?

Musisz dodac dla wewnetrznego elementu http://api.jquery.com/event.stoppropagation/

Kod:

[HTML] pobierz, plaintext 
$("li >input").click(function(event){
    event.stopPropagation();
});  
[HTML] pobierz, plaintext 

Pokaż co masz dalej w <li>.

czyli jednak no trudno dziękuje za pomoc i tak podałeś sposób szybszy niż ja robiłem Dzięki
W li dokładnie jest tylko to

[PHP] pobierz, plaintext 
<li>Table Name no.1 <input type="checkbox" name="col" value="Table Name no.1" /></li>
 
[PHP] pobierz, plaintext 

Hehe przez przypadek trueblue zarobiłeś plusika

Proponuję bez JS:

[HTML] pobierz, plaintext 
<li><label for="c1">Table Name no.1</label><input type="checkbox" name="col" value="Table Name no.1" id="c1" /></li>
[HTML] pobierz, plaintext 

Dzięki