Show DIV when text is entered
<p>I have tried everything to get this to work on ALL platforms. What am I doing wrong?</p>

<p>JS--</p>

<pre><code>$(document).ready(function(){
    $('#gname').keypress(function() {
       if ($(this).val() == "Toys") 
          $('#number').slideDown('fast')
       else 
          $('#number').hide();
    });
});
</code></pre>

<p>CSS--</p>

<pre><code>#number { display: none; height: 100px; border: solid 1px #ddd; }
</code></pre>

<p>HTML--</p>

<pre><code>Type here:&lt;input type="text" id="gname"&gt;
&lt;div id="number"&gt;
    Test 
&lt;/div&gt;
</code></pre>
