Cannot get === string.length to work correctly
<p>I have code that checks if a user has entered text into an input field. If the field is empty I want to display: you have not started. </p>

<p>If the field has a length greater than 1 - I want to display: you've finished. My code below works for determining when the user is finished but displays nothing saying you have not started. Any thoughts? Thanks!</p>

<p>HTML:</p>

<pre><code>&lt;p id="progressDisplay"&gt; &lt;/p&gt;



&lt;p id="response"&gt; &lt;/p&gt;
&lt;p id="response2"&gt; &lt;/p&gt;
</code></pre>

<p>JS:</p>

<pre><code>var progress =($("#progressDisplay").text());


if( progress.length === 0 ){
    $("#response2").text("You have not entered anything yet")
}

if( progress.length &gt; 1){
    $("#response").text("You've Finished this section")
}
</code></pre>