Show-Hide depending on select option
<p>This seems like something straightforward, but this isn't working. The idea is to show something in a span tag, depending on a select statement..it works to hide the span but won't show the span.  Is there something I'm missing?</p>

<p>Here is the select statement where the values are 1 or 0</p>

<pre><code>&lt;SELECT NAME="myname" id="showdesc"&gt;
    &lt;OPTION VALUE="1"&gt;Yes&lt;/OPTION&gt;
    &lt;OPTION VALUE="0" &gt;No&lt;/OPTION&gt;
&lt;/SELECT&gt;
&lt;span id="secret"&gt;Some content&lt;/span&gt;
</code></pre>

<p>Here is the jquery that looks for the values in the select statement</p>

<pre><code>jQuery(document).on('change', '#showdesc', function() {
    if(jQuery(this).val() == '1'){
        jQuery('span').show('#secret');
    }else{
        jQuery('span').remove('#secret')};
});
</code></pre>
