I have a function that adds new `<li>` elements into the DOM on the fly. After it is done the DOM looks similar to this but with more `<li>` tags: 

```
<ul class='map-listings'>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
</ul>

```

I have a button `<button onclick="filtersLogic(evt, 'dWeb')">` and a function that looks like this: 

```
function filtersLogic(evt, tabName){
    var i;
    var mapListings = $('.map-listings').childNodes;
    alert('clicked')
    if (tabName == 'dWeb'){
        alert('fired')
        if (mapListings.length != 0){
            alert(mapListings.length) 
        }
    }
}

```

So far I can get all the way to the point where my function alerts `'fired'` but nothing appears for `mapListings.length`.