jQuery to trigger CSS3 button
<p>I have this CSS3 enter button
<a href="http://dl.dropbox.com/u/2568/enter/enter.html" rel="nofollow">here</a>:</p>

<p>If you click it, it seems like it's pressed. I want to achieve the same effect (probably using jQuery), by pressing the enter key physically on my keyboard. </p>

<p>I did something like this: (sorry if it's completely wrong, I don't do jQuery at all)</p>

<pre><code>&lt;script type="text/javascript"&gt;
   $(document).ready(function(){
     $("enter").keypress(function(event){
       if(event.keyCode == 13){
         $(this).toggleClass(".button-clicked");
       }
     });
   });
&lt;/script&gt;
</code></pre>

<p>The CSS selector for the unpressed button is:
<code>.button</code> and <code>.button.orange {}</code></p>

<p>The CSS selector for the pressed button is:
<code>.button:active, .button-clicked {}</code></p>

<p>Thanks for your help!</p>
