2. $(document).ready(function(){
3.     var search = true;
4.     var results = $('#results');
5.     var input = $('input[name="username"]');
6.     var viewing = 0;
7.     
8.     $('button[id|="user"]').click(function(){
9.         document.write('hey');
10.     });
11.     
12.     input.keypress(function(){
13.         if(search){
14.             search_f();
15.         }
16.     });
17.     
18.     $('#back').click(function(){
19.         if(!search){
20.             window.location.hash=viewing;
21.         }
22.     });
23.     
24.     function search_f(){
25.         if(search){
26.             $('label[for="username"]').html('<img src="../../img/loading.gif" width="20" height="13">');
27.             if(input.val().length > 0){
28.                 $.ajax({
29.                     url : 'infract_search.php',
30.                     type : 'post',
31.                     data : { username : input.val() }
32.                 }).done(function(r){
33.                     results.html(r);
34.                     $('label[for="username"]').html('');
35.                 });
36.             }
37.         }
38.     }
39.     search_f();
40. });
41. 
    

As you can see, when a username is typed into the field, it goes to infract_search.php and grabs the results. The results it grabs is an HTML table that returns a list of usernames. The PHP:

http://paste2.org/p/2420311

I've double checked each button in FireBug and they have their prefix and suffixes correctly. E.g:

<button id="user-14"

<button id="user-308"

<button id="user-99"

However, it seems this line of code in my above jQuery script:

2. $('button[id|="user"]').click(function(){
3.         document.write('hey');
4. });
5. 
   

Doesn't work for some reason. Is this because the HTML retrieved from the AJAX requests isn't seen by the function? If so, how can I go about solving that?