broken each loop

by OwenMelbz

HTML

<form id="ingredients">
    <h1>Your Ingredients?</h1>
    <input type="text" id="search" class="searchbox">
    <ul>
        <li id="test">test</li>
        <li id="me">me</li>
        <li id="out">out</li>
        <li></li>
        <li></li>
        <li id="pop">pop</li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <input type="submit" class="findbtn" value="find">
</form>

JavaScript

$('#ingredients').submit(function (event) {
    event.preventDefault();
    if (($('li:first-child').text()) === '') {
        alert('It seems your fridge is empty. Please fill it first!');
        return false;
    } else {
        var action = "body.html?page=results&ingredients=";
        var params = [];
        $("li").each(function () {
            if ($(this).prop("id") != "") params.push($(this).prop("id"));
        });
        params = params.join(",");
        //window.location = action + params;
        alert(action+params);
    }
});