getting jquery recognize .change() ie

i'm controlling jquery bury arrangement elements radio symbol organisation altered/clicked. works glorious browsers firefox, nonetheless ie 6 7, movement wholly occurs user following clicks somewhere else page.

to elaborate, bucket page, all looks fine. firefox, click radio button, list quarrel dark shown immediately. however, ie 6 7, click radio symbol zero occur until click somewhere page. wholly following does ie redraw page, stealing arrangement applicable elements.

here's jquery i'm using:

$(document).ready(function () {
  $(".hiddenonload").hide();

  $("#viewbyorg").change(function () {
    $(".visibleonload").show();
    $(".hiddenonload").hide();
  });

  $("#viewbyproduct").change(function () {
    $(".visibleonload").hide();
    $(".hiddenonload").show();
  });
});

here's biased xhtml affects. whole page validates xhtml 1.0 strict.

<tr>
  <td>view by:</td>
  <td>
    <p>
      <input type="radio" name="viewby" id="viewbyorg" value="organisation"
      checked="checked" />organisation</p>
    <p>
      <input type="radio" name="viewby" id="viewbyproduct" value="product" />product</p>
  </td>
</tr>
<tr class="visibleonload">
  <td>organisation:</td>
  <td>
    <select name="organisation" id="organisation" multiple="multiple" size="10">
      <option value="1">option 1</option>
      <option value="2">option 2</option>
    </select>
  </td>
</tr>
<tr class="hiddenonload">
  <td>product:</td>
  <td>
    <select name="product" id="product" multiple="multiple" size="10">
      <option value="1">option 1</option>
      <option value="2">option 2</option>
    </select>
  </td>
</tr>

if anyone any ideas since duty repair it, unequivocally many appreciated!