When clicking a button that is scripted with jQuery the information is not being displayed. Can you help?

<input type="button" value="Continue" id="btnStep2"/>
<div id="step3">
 <label for="attrAllot">Attribute Order</label>
</div>

Javascript/jQuery

 $('#step3').addClass('close');
 $('#btnStep2').click(function() {
  $('#step3').removeClass('close').addClass('close');
 });

CSS

.open { display: block; }
.close { display: none; }

My Firefox Web Developer extension is not giving me a javascript error so I'm a bit lost as why it is not working right.

Here is the link to the page, you'll have to go through step 1 to get to step 2 to the problem button.



Thanks in advance.

nevermind found it. It helps to proofread several times:

removeClass('close').addClass('close');
should be

removeClass('close').addClass('open'); -> DUH!!!!

Hehe... was wondering about your logic there. Sometimes it is the simplest of mistakes that can be the most befuddling...