jQuery with "onkeypress" lag to make a change
<p>I have a span with a text in it that suppose to change constantly after I press something in my textbox.</p>

<pre><code>&lt;input type="text" class="response" onkeypress="return ChangeSpan()" id="how_many" name="how_many" placeholder="Enter how many..." /&gt;
</code></pre>

<p>and my jQuery:</p>

<pre><code>&lt;script type="text/javascript"&gt;
function ChangeSpan() {
    var text = $("#how_many").val();
    $('#changeText').text(text);
}
&lt;/script&gt;
</code></pre>

<p>it's working perfectly fine , but when I press let's say <code>"dfg"</code> , its only present <code>"df"</code> on the span. and only when I add the next charecter, it adds the <code>"g"</code>. </p>

<p>I want it to respond also to the last character, how do I do that ?</p>
