I'm designing a faceted search and I have a simple ul block. Each list item has a different data value and I want to respond when a list item with a data value of '6000003' is clicked. The code below works, but not after the data is refreshed with an AJAX call.

After the AJAX call I still have a list item with a data value of '6000003' but it does not respond to the click.

```
<ul class='refine_checkbox'>
    <li class='refine_checkbox' data-val='24000022'>List Item 1</li>
    <li class='refine_checkbox' data-val='24000023'>List Item 2</li>
    <li class='refine_checkbox' data-val='6000003'>List Item 3</li>
</ul>

$('li[data-val="6000003"]').click(function(){ 
    // Do something 
});

```

I think I might need to attach an event handler so I looked at the Jquery.on() function and tried this but it does not work:

```
$('li[data-val="6000003"]').on('click', 'li', function(){ 
    // Do something 
});

```

Can anyone help?