Друзья, есть проблема проверки вложенных элементов li у ul. На странице есть куча ul списков с одинаковым id. Проблема в том, что сейчас JS наследует значения и для второго списка показывает тоже сообщение про пустоту. Помогите поправить.
html:
<ul id="products1">
</ul>
<ul id="products1">
<li><li>
</ul>
js:
<script>
$(document).ready(function(){
if( ($("ul#products1").has("li").length == 0) ) {
$("ul#products1").html("This <i>unordered list (products1)</i> is <span class='green'>empty</span>");
}
});
</script>