jQuery plugin to add event triggering to dom elements anytime they append or are appended. The reason for creating this is was to allow backbone.js views to be aware of their being added to the dom and to trigger post-render functionality.

jquery.append.js

/**
 * Adds event triggering whenever an append takes place.
 *
 * - Parent is given an "append" trigger with the child as an arguement
 * - Child is given an "appended" trigger with the parent as an argument
 *
 * @author Jessey White-Cinis <[email protected]>
 */
(function($) {
    var jqueryAppend = $.fn.append;
    $.fn.append = function () {

        // trigger append event
        var rtn = jqueryAppend.apply(this, arguments).trigger("append", arguments);

        // trigger appended event
        $(arguments).trigger("appended", this);

        return rtn;
    };
})(jQuery);

This works great for adding focus events to form elements since it focus can not be triggered until an input is rendered into the dom. Essentially this allows for postRender functionality to be added.

var MyView = Backbone.View.extend({

    events: {
        'appended':'whenAppended'
    },

    initialize: function(){},
    render: function(){},
    whenAppended: function(event,parent){
        console.log('I was just appended to', parent);
        this.$el.find('input').focus();
    }
});