While "<li>" <= 20 add empty "<li>"
<p>I'm trying to add a <code>&lt;li&gt;</code> inside an <code>&lt;ul&gt;</code> if the <code>&lt;li&gt;</code> count is less or equal to 20, but the code doesn't seem to be working...</p>

<p>I'm using the following jQuery:</p>

<pre><code>while ($(".mosaico &gt; li").length() &lt;= 20) {
   $('.mosaico').append('&lt;li&gt;test&lt;/li&gt;');
};
</code></pre>

<p>And nothing seems to happen... The HTML is:</p>

<pre><code>&lt;ul class="mosaico"&gt;
    &lt;li&gt;
    &lt;/li&gt;

    &lt;li&gt;
    &lt;/li&gt;

    &lt;li&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>
