How to Change Event on Radio Group Button???????

How to Change Event on Radio Group Button???????

I have a problem in changing the event of a radio button.
I have 2 radio groups namely,radio_visualize1 and radio_dept. radio_visualize1 have 3 buttons namely date2,semester,and year.AND radio_dept yes ,no.
  1. <p id="unbold1">Visualize by:
  2.         <label><input type="radio" name="radio_visualize1" value="date2" id="date2">Date</label> 
  3.         <label><input type="radio" name="radio_visualize1" value="semester" id="semester">Semester</label>
  4.         <label><input type="radio" name="radio_visualize1" value="year" id="year">Year</label>
  5.     </p>
  6. <p id="unbold1">Visualize by Department?:
  7.     <label><input name="radio_dept" type="radio" id="yes" value="yes" checked="CHECKED">Yes</label>
  8.         <label><input name="radio_dept" type="radio" id="no" value="no" >No</label>
  9.      </p>
 I want to show and hide a table depending on what i selected on the radio buttons. 
For instance, if i selected/checked 'date2' and 'yes', a table row will show which has been hidden at first. if i selected/checked 'date2' and 'no', another different table row will appear..if i selected/checked' year' and 'yes',another row will appear.
Here's my table rows that i want to be hide at first and will only appear base on the selected/CHECKed buttons.

  1. <tr id="chart_bar_col_line">
  2.           <td id= "unbold">Chart Type</td>
  3.           <td id= "unbold">:</td>
  4.           <td id= "unbold">
  5.           <select name="chart_type" id="chart_type">
  6.             <option value="BarChart">Bar Chart</option>
  7.         <option value="ColumnChart">Column Chart</option>
  8.         <option value="LineChart">Line</option>
  9.       </select>
  10.           </td>
  11.          </tr>
  12.         <tr id="chart_bar_col_pie">
  13.           <td id= "unbold">Chart Type</td>
  14.           <td id= "unbold">:</td>
  15.           <td id= "unbold">
  16.           <select name="chart_type" id="chart_type">
  17.             <option value="BarChart">Bar Chart</option>
  18.         <option value="ColumnChart">Column Chart</option>
  19.         <option value="PieChart">Pie</option>
  20.         </select>
  21.           </td>
  22.          </tr>
  23.          <tr id="chart_bar_col_line_pie">
  24.           <td id= "unbold">Chart Type</td>
  25.           <td id= "unbold">:</td>
  26.           <td id= "unbold">
  27.           <select name="chart_type" id="chart_type">
  28.             <option value="BarChart">Bar Chart</option>
  29.         <option value="ColumnChart">Column Chart</option>
  30.         <option value="PieChart">Pie</option>
  31.         <option value="LineChart">Line</option>
  32.       </select>
  33.           </td>
  34.          </tr>
  35.          <tr id="chart_bar_col_line_mot">
  36.           <td id= "unbold">Chart Type</td>
  37.           <td id= "unbold">:</td>
  38.           <td id= "unbold">
  39.           <select name="chart_type" id="chart_type">
  40.             <option value="BarChart">Bar Chart</option>
  41.         <option value="ColumnChart">Column Chart</option>
  42.         <option value="LineChart">Line</option>
  43.       <option value="MotionChart">Motion Chart</option>
  44.           </select>
  45.           </td>
  46.       </tr>
        Here's my jquery code:
  1. $('#chart_bar_col_line').hide();
  2. $('#chart_bar_col_line_pie').hide();
  3. $('#chart_bar_col_line_mot').hide();
  4. $('#chart_bar_col_pie').hide();
  5. $('input[name='radio_visualize1']').change(function() 
  6. {
  7. if ($('input[name='radio_visualize1']:checked').val() == 'date2'){
  8.                if($('input[name='radio_dept']:checked').val() == 'yes'){ 
  9. $('#chart_bar_col_line').show();
  10.   }else{
  11.   $('#chart_bar_col_line_pie').show();
  12.   }
  13. }else if($('input[name='radio_visualize1']:checked').val() == 'semester'){
  14.                 if($('input[name='radio_dept']:checked').val() == 'yes'){ 
  15. $('#chart_bar_col_pie').show();
  16.   }else{
  17.   $('#chart_bar_col_line').show();
  18.   }
  19. }else{
  20.                 if($('input[name='radio_dept']:checked').val() == 'yes'){ 
  21. $('#chart_bar_col_line_mot').show();
  22.   }else{
  23.   $('#chart_bar_col_line').show();
  24.   }
  25. }
  26. )}.change();
This did not work..IT ended up showing all the rows.PLEASE HELP ME..