jQuery: Hide or show table row based on radio button checked
<p>Couldn't adopt any examples found here, so I'll post this as new question.</p>

<p>I've few table rows, one with radio button:</p>

<pre><code>&lt;tr id="catering-types"&gt;
    &lt;td colspan="2"&gt;Catering Option&lt;/td&gt;
    &lt;td&gt;
        &lt;div class="catering-radio-option"&gt;
        &lt;label&gt;&lt;input type="radio" name="catering_type" id="pickup-only" value="pickup-only" checked="checked"&gt;
        Pickup Only&lt;/label&gt;
        &lt;/div&gt;
        &lt;div class="catering-radio-option"&gt;
        &lt;label&gt;&lt;input type="radio" name="catering_type" id="delivered" value="delivered"&gt;Delivered&lt;/label&gt;
        &lt;/div&gt;
        &lt;div class="catering-radio-option"&gt;
        &lt;label&gt;&lt;input type="radio" name="catering_type" id="fully-serviced" value="fully-serviced"&gt;Fully Serviced&lt;/label&gt;
        &lt;/div&gt;
    &lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>and row below that should be hidden or shown, based on what user checked in radio buttons. In this example, table row below only should be shown if user selects "Delivered" radio button, otherwise it should be hidden.</p>

<p>Thanks</p>

<p>George</p>
