How to only show input fields if checkbox is checked?
<p>Basically, I want to only show these fields if checkbox is selected, if it becomes unselected, disappear.</p>

<pre><code>&lt;input type="checkbox" name="supplied" value="supplied" class="aboveage2" /&gt;

&lt;ul id="date"&gt;
    &lt;li&gt;&lt;input id="start" name="start" size="5" type="text" class="small" value="1" /&gt;&lt;/li&gt;
    &lt;li&gt;&lt;input id="end" name="end" size="5" type="text" class="small" value="2" /&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>I've tried something like:</p>

<pre><code>$('#supplied').live('change', function(){
     if ( $(this).val() === 'supplied' ) {
         $('.date').show();
     } else {
         $('.date').hide();
     }
 });
</code></pre>

<p>Any advice would be greatly appreciated =)</p>
