Element not receiving style from one of its classes
===

Alright i have a button element as follows:

    <button class='secondary row_1 col_1 not-sticky'>Button</button>

styling for secondary etc work, but it does not pick up the styling from 'not-sticky'. This is my basic styling:

    .not-sticky { color:#FFFFFF; }
    .sticky-state { color:#000066; }

When a button is clicked this code is run:

    if ($(this).hasClass('sticky-state'))
		$same = true;
						
		//change old sticky classes to not sticky
		$('.sticky-state').removeClass('sticky-state').addClass('not-sticky');
					
		if (!$same)
			$(this).removeClass('not-sticky').addClass('sticky-state');// chain our jQuery methods

Once this is run, the styling from sticky-state does work properly and the text color becomes #000066.

Also - through the use of chromes inspector i was able to verify that the classes are changing between not-sticky and sticky-state properly, just the styling from not-sticky is not showing at all

What could be making the not-sticky styling from not being applied at all?

Thanks