i have a problem, i have js function to load data with ajax,after load ajax, i get some data so obviously elements are added to the DOM after ready handler is fired, it's html data 

for example i want to load `test.php` : 

```
<button class='test' data-id='1' >SEND</button> //<--this data from test.php by ajax load

```

then i entered some script to external js :

```
$('.test').click(function(){
   var id = $(this).data('id');
   alert(id);
});

```

the script isn't work, but if i put internal javascript in `test.php` the script is work, 
i hope you understand and can help me