Not sure if this should go here or the Using jQuery Plugins forum.

I have the following javascript:

1. <script type="text/javascript">
2. $(document).ready(function(){
3.     // autocomplete setup
4.     $("input[name='search']").autocomplete("inc/php/suggestions.php", { width: 250, selectFirst: false });
5.     // grab info for result
6.     $("input[name='search']").result(function(event,data,formatted) {
7.         var sku = "sku="+formatted;
8.         $.getJSON("inc/php/results.php", sku, function(data){
9.             var result = '<tr><td>'+data.sku+'</td><td>'+data.desc+'</td><td class="center">'+data.page+'</td><td class="center">'+data.min+'</td><td class="center">$'+data.list+'</td><td class="center sale">$'+data.sale+'</td><td><input type="text" class="qty" name="qty[]" /></td><td class="center">'+data.uom+'</td><td><span>Delete<span></td></tr>';
10.             $("#order tbody").append(result);
11.         });
12.         $(this).val("");
13.     });
14.     $("span").click(function() { alert("Deleting"); });
15. });
16. </script>

The autocomplete (I'm using this one) and the getJSON work perfectly. The problem comes when I try to do something with the returned json data. Line 14 won't work for me. Any selectors I try on the returned json data won't work. The selectors still work on items that were there before the json data was returned. I've been staring at this for hours and can't figure out why it won't work. I've tried searching and nothing has come up for me.

Can somebody shed some light on this situation for me? Is there something I'm missing?