broken each loop

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></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <input type="submit" class="findbtn" value="find">
</form>

JavaScript

$("#ingredients").submit(function(event) {
    event.preventDefault();
    var params = [];
    var pooparams = [];
    $("li").each(function() {
       pooparams.push($(this).prop("id"));
        if ($(this).prop("id") != "")
            params.push($(this).prop("id"));
    });
    alert(params.join(",")+"--"+pooparams.join(","));
});