Why does function only work once?

Why does function only work once?

Having problems that my function only seems to execute once...code:

  1. <html>
  2. <head>

  3. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  4. <script type="text/javascript" >
  5. $(document).ready(function(){
  6.     
  7. $("*[id^=\'ST\']").each(function() {
  8.        $(this).click(function() {
  9. string = this.id.substring(2);
  10. string2 = "#" + string;
  11. $(string2).load('tips/'+this.id+'.txt');
  12.      });
  13.    });
  14.  });  

  15.        
  16.     

  17. </script> 

  18. </head>
  19. <body>
  20. <a id="STtextfield">[+]</a>
  21. <textarea name="textfield" id="textfield"></textarea>
  22. </body>
  23. </html>
  24.