My simple script won't work

My simple script won't work

This simple script wont work. It's supposed to simply select an element and alert to how many are selected. I can't see why such a simple script is not working....it keeps saying 0.

js code:
  1. $(document).ready(function() {alert($('p A:link').length + ' elements');});
html code:

  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>Untitled Document</title>
  7. <link rel ="Stylesheet" href="styles/mycss.css" type="text/css"/>
  8. </head>

  10. <body>
  11. <script type="text/javascript" src="scripts/jquery-1.4.2.js"></script>
  12. <script type="text/javascript" src="scripts/myjs.js"></script>

  14. <p>
  15. <a href="http://google.com"> The compound style here </a> </p>

  17. <p id = "yeah">
  18. <a href="http://google.com"> The compound style here2 </a> </p>



  22. </body>
  23. </html>
css:

  2. @charset "utf-8";
  3. /* CSS Document */

  5. .one {
  6. font-size: 16px;
  7. font-style: italic;
  8. color: #0C9;
  9. }


  12. p A:link {
  13. font-size: 36px;
  14. color: #F00;
  15. text-decoration:none;
  16. }