When I click "other" radio button nothing happens. Why?
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://stackoverflow.com/questions/14482174/a-small-modification-needed-in-html-script-using-javascript-i-m-not-able-to-sor">A small modification needed in html script using javascript, i m not able to sort out</a>  </p>
</blockquote>



<p>HTML:</p>

<pre><code>&lt;div class="rButtons"&gt;
&lt;input type="radio" name="numbers" value="10" onclick="uncheck();" /&gt;10
&lt;input type="radio" name="numbers" value="20"  onclick="uncheck();" /&gt;20
&lt;input type="radio" name="numbers" value="other" onchange="blahblahblah();"/&gt;other
&lt;input type="text" id="other_field" name="other_field" onblur="checktext(this);"/&gt;
&lt;/div&gt;
</code></pre>

<p>CSS:</p>

<pre><code>&lt;style type="text/css"&gt;
#other_field{
visibility: hidden;
width:40px;
height:14px;
border:1px solid #777;
background-color:#111;
font-size:10px;
color:#666;
}
&lt;/style&gt;
</code></pre>

<p>jQuery:</p>

<pre><code>&lt;script&gt;
function blahblahblah()
{
 var $radios = $('input:radio[name=numbers]');
    if ($radios.is(':checked') === true) {
       $("#other_field").show();
    }     
    else
    {
       $("#other_field").hide();
    }   
}
&lt;/script&gt;
</code></pre>

<p>All is well.. but the problem is this.. when I click "other" radio button nothing happens.. while it should be opening other field.</p>
