The problem is that jQuery doesn't fire when `ul li` is clicked.
I need your help to understand what is the problem. 

**HTML:**

```
<ul id=ulSemtMahalle class=ulList>
    <li><div class=divIlceHeader>Çukurova</div>
        <ul class=ulListSemt>
            <li id='liSemt61' > <div class='divSemt' name='chkIlceler' >  <input type='checkbox' id='chkSemt61'  class='big-checkbox'>Mahfesığmaz  </div> 
                <ul id=ulListMahalle>
                    <li id='liMahalle161' > <div class='divMahalle' name='chkIlceler' >  <input type='checkbox' id='chkMahalle161'  class='big-checkbox'>Belediyeevleri Mah.  </div> </li>  
                    <li id='liMahalle162' > <div class='divMahalle' name='chkIlceler' >  <input type='checkbox' id='chkMahalle162'  class='big-checkbox'>Beyazevler Mah.  </div> </li>  
                    <li id='liMahalle163' > <div class='divMahalle' name='chkIlceler' >  <input type='checkbox' id='chkMahalle163'  class='big-checkbox'>Esentepe Mah.  </div> </li>  
               </ul>
            </li>
        </ul>
    </li>
</ul>

```

**jQuery:**

```
$('ul#ulListMahalle').on('click', 'li', function () {
    console.log("li clicked");
});

```