I have an app running mostly on Ajax. Whenever I update content I run a page specific `binder` to initiate/re-initiate functionalities for elements that may have been replaced.

Currently I'm doing this like so:

```
 // pagebinder
 var bindResults = function( page ){
    // element
    var swipesOnPage = page.find('.photoswipeable');

    if ( swipesOnPage.length > 0 && swipesOnPage.jqmData('bound') != true) {
        swipesOnPage
            .jqmData('bound', true )
            .on('click', '.singleLoader', function(e){
                // do somethinbg
            })
            .on('click', '.selector', function(e){
                // do something else
            });
       }
    }

```

So I'm checking if an element is on the page (may have been removed/added) and if an element is found and is not `jqmData(bound)`, I'm setting bindings.

This works ok. but I'm wondering if this is the best way to do this, so

**Question:**  

How to best manage element bindings for multiple elements when using an Ajax powered application?