[Resolvido] Não funciona .click

Fala galera, eu estou tentando fazer um sisteminha de deletar imagens dinâmico, ou seja, deletar e exibir na hora que deletou e retornar as imagens que continuam cadastradas...

Estou usando o getJSON para retornar um json do meu arquivo .php e ele exibir no html, e coloquei junto um link com a classe .delete para que meu jQuery pudesse reconhecer e fazer o delete, mas o problema é que o meu $( ".delete" ).click( function() { } ); não está funcionando...

 

$( ".delete" ).click( function(){
 var id_box = $( this ).attr( "id" );
 alert();
 jConfirm( 'Tem certeza que deseja deletar ?', 'Confirmação', function( r ) {
 if( r )
 {
 $.get( "{/literal}{$url}{literal}delete.php", { id: id_box, table: "fileUpload", type: "ajax" }, function( data ){
 if( data > 0 )
 {
 fade( "highlight" );

 $.getJSON( "{/literal}{$url}{literal}articles_form_query.php", { id: {/literal}{$smarty.get.id}{literal} }, function( json ) {
 $.each( json, function( e, val ) {
 $( "<li></li>" ).html( "<img src='{/literal}{$url}{literal}uploads/" + val.name + "' alt='" + val.name + "' width='50' height='50' /><a href='javascript: void(0)' class='delete' id='" + val.id + "'><img src='{/literal}{$url}{literal}imgs/delete.png' width='16' height='16' alt='deletar' /></a>" ).appendTo( "#thumbs" );
 } );
 } );
 }
 else
 {
 fade( "error" );
 }
 } );
 }
 } );
 } );

 $.getJSON( "{/literal}{$url}{literal}articles_form_query.php", { id: {/literal}{$smarty.get.id}{literal} }, function( json ) {
 $.each( json, function( e, val ) {
 $( "<li></li>" ).html( "<img src='{/literal}{$url}{literal}uploads/" + val.name + "' alt='" + val.name + "' width='50' height='50' /><a href='javascript: void(0);' class='delete' id='" + val.id + "'><img src='{/literal}{$url}{literal}imgs/delete.png' width='16' height='16' alt='deletar' /></a>" ).appendTo( "#thumbs" );
 } );
 } );

o que pode ser ?

Obrigado.