Internet Explorer Issue with attr()

Internet Explorer Issue with attr()

This should be easy but for some reason no matter which iteration I try I cannot seem to get this to work properly..

A select box controls whether or not a table row is being displayed.

  1. function doChange() {
                if($("#reporttype option:selected").text() == 'Coach') {
                    $("#coachRow").attr("style","");
                } else {
                    $("#coachRow").attr("style","display:none;");
                }   
            }





  2. <select id="reporttype" name="reporttype" onchange="doChange();">
         <option value="OrderSummary">OrderSummary</option>
         <option value="Coach">Coach</option>
    </select>


  3. <tr id="coachRow" style="display:none;">
                            <td colspan="2">
                            <label for="reporttype">Pick A Coach</label>
                            <cfselect name="coachid" query="getCoaches" display="name" value="coachid"></cfselect>
                            </td>
                        </tr>






In Internet Explorer using the debug it evaluates the value of the selectbox correct but never applies the .attr function.  I greatly appreciate any assistance!  Works in FF and Chrome.