jQuery need to change individual accordian h3 tag

I have a jQuery accordian widget that I need to  change the background color of the h3 depending on a  .change event
using asp.net and  jQuery. Everything below works except the specific  color change of the h3 tag

 

    
  
   /*  asp.net */

           <div id="accordion">
                <h3 id="h3Accordianid">Header  h3 text</h3>
                   <div class="inputblock200px">
                        <asp:DropDownList ID="ddList" runat="server" />                
                    </div>
                ...
                ...
           </div>
               
/*  jQuery */

        $(document).ready(function () {
            $('#ddList').change(function () {
                 alert('This definitely fires');
                 $('#accordion .ui-accordion-header h3Accordianid').addClass('navyblue');
            });
        });


/* css */

        #accordion .ui-accordion-header {
            background: #703800; 
            color: white;
        }

        .navyblue {
              background-color:navy;
              color:white;
        }

Select allOpen in new window