Styling with JQuery

Styling with JQuery

I want to add styling using jquery. What Iwant to happen is when the "cliterace" is clicked the "cliterace" becomes bold and enlarged the code I have so far is 

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Untitled Document</title>

  7. <style>


  10. .organ {
  11. font-size: 46px;
  12. font-weight: bold;
  13. }
  14. </style>

  16. </head>

  18. <body>
  19. <a href="#">Cliterace</a>
  20. <script src="js/jquery.js"></script>
  21.     <script>
  22. $("a").click(function( event ){
  23. $("a").addClass("organ");
  24. });
  25.   </script>

  27.     
  29. </body>
  30. </html>